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