标签:
Css三栏布局自适应实现几种方法
自适应实现方法我们可以从三个方法来做,一个是绝对定位 ,自身浮动法 和margin负值法了,下面我们一起来看看这三个例子吧,希望例子能帮助到各位同学。
绝对定位法三栏布局自适应:
代码如下 |
复制代码 |
<!doctype html> |
说明:三个div元素可以互换位置。
自身浮动法三栏布局自适应:
代码如下 |
复制代码 |
<!doctype html> |
说明:.center所在的div必须在.left和.right之后出现,.left和.right可以互换位置。
margin负值法三栏布局自适应:
代码如下 |
复制代码 |
<!doctype html> |
说明:.main为中间主题部分,放到最前面,优先加载;.main外面必须有元素包裹,且宽度为100%;
标签:
原文地址:http://www.cnblogs.com/huangf714/p/5876146.html