学网络营销
上虎视学堂

您现在的位置: 主页 >  网站开发 >  DIV+CSS极速教学教程 >  第三章 DIV+CSS如何两列布局

张林

电子商务专业毕业,虎视学堂讲师,实战型网络营销高级讲师。主要擅长Photoshop图像设计创作,网站建设。

本课程视频

填写您的邮件地址,订阅我们的精彩内容:
学习数: 1385

  下面以常见的左列固定右列自适应为例,因为div为块状元素,默认情况下占据一行的空间,要想让下面的div跑到右侧,就需要借助css的浮动来实现。

  把两个div都创建出来,或手工写出代码。div创建完成后,开始创建css样式表。

  有了前面的基础,两列固定宽度就容易多了,只需要把#main的宽度由百分比改为固定值。

  两列固定宽度居中,需要在两列固定宽度的基础上改进,在学一列固定宽度居中时,我们知道让它居中的方法,所以这里需要在这两个div之外再加一个父div。

  下面就需要设置#content的样式了,我们知道,#zuo的宽度为150px,#you宽度为700px,那么#content的宽度应该为这两者之和,然后设置#content居中,那么整体就居中了。

扫一扫微信二维码,即可收听最新教程。


微信扫一扫加好友
虎视学堂
  • 电话咨询

  • 0719-8877595