一列布局:一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等,现在小编就来说说关于css网页布局方式?下面内容希望能帮助到你,我们来一起看看吧!

css网页布局方式(css布局的几种方式)

css网页布局方式

一列布局:一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等。

两列布局:说起两列布局,最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果,以及需要及时清除浮动。

三列布局:两侧定宽中间自适应,首先设置父级元素的宽度,可以左左右设置浮动。然后中间设置margin调整间距。 也可以都设置成左浮动,设置margin,调整间距。同样注意清除浮动的影响。

混合布局:在一列布局的基础上,保留top和foot部分,将中间的main部分改造成两列或三列布局,小的模块可以再逐级同理划分。