Question

我在网页上遇到一些奇怪的布局/定位问题。它主要与浮动物品和不能正确流动的容器边界有关。我试过清除和溢出：自动，隐藏但它仍然无法正常工作。

提前多多谢谢。

Answer 1

将overflow: auto;添加到.explore-inner

.explore-inner {
border: 1px solid #EBEBEA;
background: url(../images/inner-bg.png) repeat-x;
overflow: auto;
}

Answer 2

您的<ul>项目有浮动，但未正确清除。在<ul> .explore-inner项之后，您有一个clear: both;

Answer 3

添加以下css

.explore-inner:after{
    content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
clear:both;

}

因为“ul”有浮动，所以需要在“探索内部”类

之后清除它

Answer 4

实际上您已使用floating child div's而非cleared parent div's overflow:hidden所以我已将div提供给您的父css所以现在工作正常......

所以你可以用我的.explore-inner { background: url("../images/inner-bg.png") repeat-x scroll 0 0 transparent; border-top: 1px solid #EBEBEA; overflow: hidden; } #team-message { background: url("../images/outer-bg.png") repeat-x scroll 0 0 transparent; clear: both; overflow: hidden; padding: 10px; width: 940px; }来更新你的{{1}}我希望这对你有用： -

<强> CSS

{{1}}

CSS布局和边框问题

4 个答案: