二列和三列布局讲述.docx
《二列和三列布局讲述.docx》由会员分享,可在线阅读,更多相关《二列和三列布局讲述.docx(10页珍藏版)》请在冰豆网上搜索。
![二列和三列布局讲述.docx](https://file1.bdocx.com/fileroot1/2023-2/6/19ca7701-f8ce-49d4-9823-fedb43400e08/19ca7701-f8ce-49d4-9823-fedb43400e081.gif)
二列和三列布局讲述
▪二列自适应宽度
▪二列固定宽度
▪二列固定宽度居中
▪xhtml的块级元素(div)和内联元素(span)
▪float属性
▪三列自适应宽度
▪三列固定宽度
▪三列固定宽度居中
▪IE6的3像素bug
一、两列自适应宽度
下面以常见的左列固定右列自适应为例,因为div为块状元素,默认情况下占据一行的空间,要想让下面的div跑到右侧,就需要做助css的浮动来实现。
首先创建html代码如下:
此处显示id"side"的内容