求HTML CSS排版技巧打个比方，我的PHP会循环输出一个Class 为abc的盒子（DIV

2025-02-24 12:41:00

推荐回答（4个）

回答1：



    
        
            .main{width:920px;overflow:hidden;margin:0 auto;}
            .boxWrap{width:930px;}
            .box{width:300px;height:300px;margin:0 10px 10px 0;float:left;background:red;}

总体原则就是

最外层有一个给定宽度，高度自适应的盒子,宽度为三个盒子的宽度加上2个右margin---main
中间有一个宽度为三个盒子宽度加上右margin值的盒子--boxWrap
最后里面是循环的那些浮动的小盒子--box

回答2：

首先你确定一排3个的话，就把一排的宽度定的和3个盒子加起来的宽度一样或者大于3个盒子的宽度，但是要小于4个盒子的宽度，然后给这个盒子float:left;左浮动一下，在最后一个盒子后面加上一段

或者这个层的底部就行了。

回答3：

浮动左呀。这和php没什么关系。纯css就可以做到了

回答4：

.abc{
width:33%;
float:left;
}

求HTML CSS排版技巧 打个比方，我的PHP会循环输出一个Class 为abc的盒子（DIV

求HTML CSS排版技巧打个比方，我的PHP会循环输出一个Class 为abc的盒子（DIV