HTML，CSS盒模型問題

守則 -HTML，CSS盒模型問題

while($row=mysql_fetch_array($result)) 
       { 

      <div class="feed_element"> 
      <span class="feed_title"> 
       <?php echo $row['user_id'];?> 
      </span> 
      <span class="feed_content"> 
       <?php echo $row['feed_content']; ?> 
      </span> 
      </div>

的CSS -

.feed_title 
{ 
    background-color: #fed100; 
    min-width:100px; 
    float: left; 
} 
.feed_content 
{ 
    float: left; 
    min-width: 270px; 
} 
.feed_element 
{ 
    border-bottom-style: solid; 
    border-bottom-width: 10px; 
}

問題 - 的DIV CLASS = 「feed_element」負載沒有任何內容，只是邊框的跨度的負載和它。從它看起來跨度的加載出div。我該如何糾正這個問題？

來源

2010-11-02 Sussagittikasusa

請顯示完成的，生成的HTML。 – 2010-11-02 11:45:27

我該怎麼做？ – Sussagittikasusa 2010-11-02 11:48:11

不應該被標記爲「php」嗎？ – tchrist 2010-11-02 11:59:33

只是overflow屬性添加到.feed_element

.feed_element 
{ 
    overflow: auto; 
    .... your css rules; 
}

CSS Floats

浮動元素取出HTML元素的正常流動。默認的溢出值是可見的，它告訴瀏覽器允許內容可見，但內容在容器邊界之外流動。

來源

2010-11-02 11:46:05

這是因爲你正在使用float作爲孩子。如果孩子浮動，家長不會得到一個高度。您可以通過向最後一個子項添加清除或將feed_element設置爲浮動來更正此問題。

來源

2010-11-02 11:48:27 DoXicK

HTML，CSS盒模型問題

回答

相關問題