2012-03-22 123 views
2

Site:http://partsconsign.com/parts/?custid=1CSS DIV溢出

我不知道發生了什麼事。突然之間,沒有改變CSS,當我擴大「瀏覽」類別時,他們溢出包含div的外部。這是div的css:

.bodyArea 
{ 
    width: 900px; 
    background-image:url(/images/bg.jpg); 
    background-repeat:no-repeat; 
    border-width: thin; 
    border-style: solid; 
    margin-left:auto; 
    margin-right:auto; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
    min-height: 900px; 
} 

.pageArea 
{ 
    background-image: url(../images/page_bg.jpg); 
    background-repeat: repeat; 
    width: 95%; 
    position:relative; 
    margin-left: 25px; 
    margin-top: 30px; 
    min-height: 700px; 
    height:auto; 
} 

#partCat { 
    width: 775px; 
    padding:5px; 
    cursor:pointer; 
} 

我不明白爲什麼擴展這些div會導致任何類型的溢出。這些div都沒有任何絕對的定位。我究竟做錯了什麼? #partcat位於.bodyArea內的.pageArea內。我已經瀏覽了之前在這裏提出的很多問題,但他們都看起來有些微不同的問題。幫幫我!

回答

4

div固定在30px高度。從該部分

<div style="height: 30px; width: 100%"> 

通過螢火蟲測試中取出的高度,IT WORKS

+0

感謝Starx。我有一個不公開的div,限制爲30px。除了在代碼中通過div進行掃描外,是否有快速的方法來查找未封閉的div? – Devin 2012-03-22 18:36:13

+0

@Devin,是的。嘗試http://validator.w3.org/ – Starx 2012-03-22 18:37:18