含有不帶切斷，具體項目

Question

FYI彩車：這是一個跟進到另一個問題：Position element absolutely, but to the right of another element

我有表單元素的列表，我想添加標註的每一個。每個表單條目的通用格式如下：

<li> 
    <input ...> 
    <div class='callout'>Helpful description about form item.</div> 
</li> 

的.callout有position:absolute和LI的有position:relative，這樣標註可以‘絕對’定位，相對於李。

這一切工作正常，但問題是，其中一個祖先也包含一些浮動，所以我使用overflow:hidden技巧，以確保它包含它們。不幸的是，這也意味着它將切斷我的標註，因爲它們超出了它的範圍。

我想回退是在那個祖先年底下降一個空div，只是做對即clear:both，但有更好的CSS的解決方案，將迫使祖先包含花車，但仍然允許絕對定位標註在盒子外面可見？

Answer 1

相反的overflow:hidden可以使用clearfix方法。這樣寫：

li:after{ 
content:''; 
display:block; 
clear:both; 
}