一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Css三栏布局自适应实现几种方法

时间:2022-06-25 10:06:53 编辑:袖梨 来源:一聚教程网

绝对定位法三栏布局自适应:

 代码如下 复制代码





绝对定位法




   

   

   



说明:三个div元素可以互换位置。

自身浮动法三栏布局自适应:

 代码如下 复制代码





自身浮动法




   

   

   



说明:.center所在的div必须在.left和.right之后出现,.left和.right可以互换位置。

margin负值法三栏布局自适应:

 代码如下 复制代码





margin负值法




   

       
Main

   

   

   



说明:.main为中间主题部分,放到最前面,优先加载;.main外面必须有元素包裹,且宽度为100%;

热门栏目