第三天 两列和三列布局.docx
《第三天 两列和三列布局.docx》由会员分享,可在线阅读,更多相关《第三天 两列和三列布局.docx(26页珍藏版)》请在冰点文库上搜索。
![第三天 两列和三列布局.docx](https://file1.bingdoc.com/fileroot1/2023-5/6/83471e7f-d59b-4c8a-85e0-c32d0a2a833c/83471e7f-d59b-4c8a-85e0-c32d0a2a833c1.gif)
第三天两列和三列布局
第三天二列和三列布局
今天学习《十天学会web标准(div+css)》的二列和三列布局,将涉及到以下内容和知识点
二列自适应宽度
二列固定宽度
二列固定宽度居中
xhtml的块级元素(div)和内联元素(span)
float属性
三列自适应宽度
三列固定宽度
三列固定宽度居中
IE6的3像素bug
一、两列自适应宽度:
下面以常见的左列固定右列自适应为例,因为div为块状元素,默认情况下占据一行的空间,要想让下面的div跑到右侧,就需要做助css的浮动来实现。
首先创建html代码如下:
此处显示id"side"的内容