CSS在網頁上溢出的移動網站

Question

有問題的網站是：

http://www.thewaterqualitysolution.com/

我使用的列的CSS代碼：

.column1, 
.column2, 
.column3, 
.column4 
{ 
    column-rule-width: medium; 
    width: 282px; 
    max-width: 24%; 

} 

.column1, 
.column2, 
.column3 
{ 
    float: left; 
    margin-right: 24px; 
    max-width: 24%; 
} 

.column4 
{ 
    float: right; 
    max-width: 24%; 
} 

他們爲什麼不留下來在邊界？

Answer 1

看看你已經爲這兩列聲明瞭一個CSS規則的網站。你的第二個聲明會覆蓋第一個聲明。強制所有列的寬度爲282像素。請參閱default.css，第510行。

另外，我建議您閱讀本文，以更好地理解CSS寬度和最大寬度。

CSS: Width and Max-Width