CSS布局和边框问题

-1

我在我的网页中遇到了一些奇怪的布局/定位问题。它主要与浮动物品和不能正确流动的集装箱边界有关。我已经尝试清除和溢出：汽车，隐藏但它仍然无法正常工作。CSS布局和边框问题

非常感谢提前。

来源

2012-11-02 Alex Zahir

什么是你的问题究竟？ – SKeurentjes

这是什么问题？ – Sowmya

说明你的问题...... –

添加overflow: auto;到.explore-inner

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

来源

2012-11-02 08:49:11 Sowmya

嗨，感谢您的建议。我密切关注所有提示，并使用溢出和清除，布局看起来好多了。但是在http://domainandseo.com/porfolio/villa/index.html底部仍然有一个背景图片问题（bg被缩短并且有空白）类似的背景问题在 http： //domainandseo.com/porfolio/villa/index.html 谢谢 –

你<ul>项目一定的浮动，这是不正确的清除。在.explore-inner的<ul>项目，你必须有一个clear: both;

来源

2012-11-02 08:50:52 SKeurentjes

之后添加这个下面的CSS

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

}

因为“UL”有浮动，它需要经过“探索 - 内”被清除class

来源

2012-11-02 09:06:59 user1496872

其实你已经在你的child div's中使用了而不是cleared你的parent div's所以我给overflow:hidden给你的pa租div所以它的工作现在罚款....

所以，你可以更新您的css与我的一个我希望这会为你工作： -

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; 
}

来源

2012-11-02 09:09:06

CSS布局和边框问题

回答

相关问题