Liがスタイル "float：left;"を持っている場合、ULの境界を作る方法？ ULのため

Question

私のCSSは次のとおりです。

ul {list-style-type: none; margin:auto; border-top: 1px solid #0093a7; border-bottom: 1px solid #0093a7; margin: 20px 0;} 
ul li {float:left; padding:5px;} 

ULタグ：

<ul> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
</ul> 

は今、両方の境界線はULの上にあります。 ボトムボーダーを作成するには？

Answer 1

フロートがクリアされ、ulに含まれるようにoverflow:hiddenをulに適用する必要があります。

現在、ulにはフローティング要素のみが含まれているため、折りたたまれています。

IE6（?!）をサポートする必要がある場合は、オーバーフロートリックが動作するようにコンテナ（つまりul）にhasLayoutが設定されていることを確認する必要があります。これを行うには、幅を適用します。