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

作者:袖梨 2022-06-25

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

 代码如下 复制代码





绝对定位法




   

   

   



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

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

 代码如下 复制代码





自身浮动法




   

   

   



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

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

 代码如下 复制代码





margin负值法




   

       
Main

   

   

   



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

相关文章

精彩推荐