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佈局和邊框問題

回答

相關問題