CSS实现三栏布局的5中经典代码

时间:2022-11-15 07:45:31
【文件属性】:

文件名称:CSS实现三栏布局的5中经典代码

文件大小:4KB

文件格式:HTML

更新时间:2022-11-15 07:45:31

CSS H5

(1)浮动 : - 缺点 :浮动是脱离文档流的,有些时候需要清除浮动,需要很好的处理浮动周边元素的关系 - 优点 :兼容性比较好 (2)绝对定位 : - 缺点 :该布局脱离文档流,所以子元素也必须脱离文档流,因此可使用性比较差 - 优点 :快捷,比较不容易出问题 (3)flex : - 缺点 :兼容性比较差(css3的属性),不兼容IE8及以下 - 优点 :非常有效的解决了浮动和绝对定位的问题 (4)表格布局 : - 缺点 :操作繁琐,当三栏中其中某一栏高度超出时,其他两栏的高度也会自动跟着调整(不符合某些场景) - 优点 :兼容性非常好,补缺了flex布局兼容的问题 (5)网格布局 : - 新技术,CSS3下一代局部方案 2、如果去掉"高度已知", 以上哪种方案同样适用?


网友评论