css中怎么让n个div成3列布局(每个div的class属性不相同)?
1、你的.main样式没添加到标签中。最后一个改成float：left也可。
2、新建一个html页面，用于实现多个div显示在同一行上。在html代码页面上写两个div标签，并分别给这个两个div标签添加class类，类名分别为：one，two。
3、每个DIV里的class不一样。根据DIV里class的值在css里编辑就是了。
4、不知道你能不能弄明白，如果不行的话，请Hi我，祝你好运。
5、第一种情况，float浮动相同 让两个div盒子的float值相同，比如都设置float：left或float：right，宽度设置合适即可。这里我们通过案例实现一行两列DIV布局。
6、使用css的margin属性设置。首先打开hbuilder软件，新建一个html文件，在html里面写入html结构，在给每个子div设置一个class属性。
DIV+CSS如何实现三列宽度自适应
1、将三个DIV放到一个大的DIV中。然后三个小DIV第一个用float：left；第二个用float：right；第三个不用float也不用position，只需要用margin-left：第一个div的宽度，margin-right：第二个div的宽度。
2、左右固定宽度，用position属性， 中间自适应用margin属性 上右下左。上下为0 左边的距离等于左div的宽度，右边的距离等于右div的宽度。
3、WEB应用的页面，表格的表现形式是常常遇到的，在列数有限的前提下，如何将各列中的内容自适应到不同分辨率的屏幕，这应该是一个比较容易遇到的问题，下面就对这类问题的解决与看法。
4、假定你左右两边的div宽度是一样的，都是300px，那么你可以给中间的div设置以下样式。width： calc(100% - 600px)这样一来你中间的div宽度就自适应了，不管怎么缩放都没关系。
如何使用div+css布局网页成三行三列
DIV+CSS没办法像Table那样轻松的划分块。布局之前，必选先确定块，浮动的结构，不能任意的再拆分。你可以在Div内进行嵌套。
外面一个大框 大框上边和左边的线为1px黑色 大框里面写ulli三行三列共9个li紧密排列好。宽高都设定一样。一定和外大框配合好。每个li敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。
你的.main样式没添加到标签中。最后一个改成float：left也可。
你可以在div里面画table表格，表格优势就是对表格。可以来一个ul，li里面浮动。
DIV+CSS三行两列经典布局 这个XHTML1标准的DIV+CSS布局是著名网页设计师2004年发布在《网页设计师》上的，一个非常经典的布局，在IE、Mozilla和Opera浏览器中均可以实现居中和高度自适应。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
