游客
标题:DIV+CSS布局的网页高度不能自适应问题
正文:
在FF下一个自适应高度的简单做法加上height: 100%;overflow: auto;自动换行的简单做法table-layout: fixed;WORD-BREAK: break-all;WORD-WRAP: break-word;下面通过DIV+CSS布局的网页高度不能自适应一个例子，来说明如何解决这个问题<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http- equiv="Content-Type" c /><title>DIV高度无法自适应</title><style type="text/css">#all { width:240px; padding:10px; font-size:12px; color:#FFF; background-color:#CCC;}#sub { float:left; width:230px; line-height:20px; padding:0 5px; background-color:#F90;}</style></head><body><div id="all"><div id="sub"> 外层DIV高度无法自适应。</div></div></body></html>1、问题：运行这段代码可以看到，在IE下一切正常，但在FireFox或IE7下，父对象All没有适应子对象Sub的高。2、解决方法：例中，XHTML代码：“<div
[<<][[1]][2][3][>>]
查看评论(1)
发表评论
首页