即使在100％高度，我的div也只能達到頁面的一半

我擁有此頁面here和div .menu-content即使在100％的高度上也只能達到頁面的一半。我真的不知道爲什麼。即使在100％高度，我的div也只能達到頁面的一半

謝謝！

<div class = "menu-content"> 
<div class="wrapper" style = "background-color:white; height:100%; width:750px;"> 
<?php if (have_posts()) : ?> 
    <?php while (have_posts()) : the_post(); ?> 
    <?php the_content(); ?> 

<?php endwhile; ?> 

<?php else : ?> 
<?php global $rd_data; if ($rd_data['rd_error_text']) { ?> 
    <?php echo $rd_data['rd_error_text']; ?> 
    <?php } else { ?> 
    Oops, It looks like an error has occured 
    <?php } ?> 
<?php endif; ?> 
</div>

來源

2014-02-25 Richard Son

在這哪裏是菜單的內容？ –

您可以查看頁面和檢查元素，如果您要求輸入代碼。 –

是你在說那個菜單還是彈出窗口/ –

你需要在你的CSS代碼，並在你把它設置內嵌樣式上.menu-content .wrapper刪除height:100%;。

這樣它將被設置爲默認height:auto;，高度將通過它的內容來計算。

來源

2014-02-25 07:46:00

那就行了！我有點忘了我在php文件上的包裝上放置了100％的高度。非常感謝！ –

@RichardSon歡迎您提供幫助。 –

試試這個CSS ..

.menu-content { 
    display: table; 
    margin-bottom: 0; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0; 
    position: relative; 
}

來源

2014-02-25 07:45:44

你必須使用這種方式的CSS。使用overflow:auto屬性並從.wrapper類刪除不必要的屬性，如z-index和position。

.menu-content { 
    background-color: #FFFFFF; 
    height: 100%; 
    overflow: auto; 
} 

.wrapper { 
    margin: 0 auto; 
    width: 750px; 
}

來源

2014-02-25 07:47:21

添加html {height: 100%}它應該工作。

來源

2014-02-25 07:48:32 pstenstrm

解決這個你可以在style = "clear:both;"您的div .menu-content

這樣結束只需添加一個div：

<div class="menu-content"> 
..................... 
    <div style="clear:both;"></div> 
</div>

來源

2014-02-25 07:56:00

即使在100％高度，我的div也只能達到頁面的一半

回答

相關問題