css+div 之 IE FF 对高度，img，空格的处理
FF 如果定义了高度，当内容超过高度时，内容会超出定义的高度
如果未定义高度，而内容中包括图片时，高度解析是根据印刷标准的，造成和实际高度不符合.
img对象的alt 和title
在IE中，如果未定义title，alt也可以作为img的tip使用
在FF中，两者完全按照标准的定义使用
最好将alt和title对象写全，以保证在各浏览器能正常使用
空格
FF 是忽略
IE 会处理块与块之间的空格
高度自适应
父级dive要根据子级的div的扩展而扩展。要实现自适应高度，div层必须有float属性。
——————————————————————————————————————————————–
<div id=”container_father”>
<div id=”container”>
<div id=”panel”> test<br />
test<br />
test<br />
<!– id=”panel” –>
</div>
<div id=”sidebar”>
<ul>
<li class=”current”>预安装检查</li>
<li>阅读 PFC 授权协议</li>
<li>初始化数据库</li>
<li>完成安装</li>
</ul>
<!– id=”sidebar” –>
</div>
<!– id=”container” –>
</div>
</div>
============================================================================
CSS
——————————————————————————————————————————————————–
#container_father {
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
}
#container {
width: 750px;
border: 1px solid #cccccc;
padding: 8px;
margin: 0px;
background-color: #F1F3F5;
float: left;
}
================================================================================
即父定义为float，而子div不定义高度
FF 如果定义了高度，当内容超过高度时，内容会超出定义的高度
如果未定义高度，而内容中包括图片时，高度解析是根据印刷标准的，造成和实际高度不符合.
img对象的alt 和title
在IE中，如果未定义title，alt也可以作为img的tip使用
在FF中，两者完全按照标准的定义使用
最好将alt和title对象写全，以保证在各浏览器能正常使用
空格
FF 是忽略
IE 会处理块与块之间的空格
高度自适应
父级dive要根据子级的div的扩展而扩展。要实现自适应高度，div层必须有float属性。
——————————————————————————————————————————————–
<div id=”container_father”>
<div id=”container”>
<div id=”panel”> test<br />
test<br />
test<br />
<!– id=”panel” –>
</div>
<div id=”sidebar”>
<ul>
<li class=”current”>预安装检查</li>
<li>阅读 PFC 授权协议</li>
<li>初始化数据库</li>
<li>完成安装</li>
</ul>
<!– id=”sidebar” –>
</div>
<!– id=”container” –>
</div>
</div>
============================================================================
CSS
——————————————————————————————————————————————————–
#container_father {
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
}
#container {
width: 750px;
border: 1px solid #cccccc;
padding: 8px;
margin: 0px;
background-color: #F1F3F5;
float: left;
}
================================================================================
即父定义为float，而子div不定义高度
时间: 2010-01-04 - 23:35 - 23:35 类别：使用帮助. Views: 670