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