Xhtml第10天:div自适应高度

80酷酷网    80kuku.com

  xhtml|自适应 

如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个div中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面):

body这里是#header{ margin: 0px; border: 0px; background: #ccd2de; width: 580px; height: 60px;}













分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: