DIV无法自动高度 IE8无法自动高度


额外标签法
  这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。我个人不喜欢这种方法,但是它确实是W3C推荐的方法:
<div style="clear:both;"></div>
或者使用
<br style="clear:both;" />
使用after伪类
  这种方法就是对父容器使用after伪类和内容声明在指定的现在内容末尾添加新的内容。经常的做法就是添加一个“点”,因为它比较小不太引人注意。然后我们再利用它来清除浮动(闭合浮动元素),并隐藏这个内容。

  这种方法兼容性一般,但经过各种 hack 也可以应付不同浏览器了,同时又可以保证html 比较干净,所以用得还是比较多的。

复制代码
代码如下:

#outer:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}

设置overflow为hidden或者auto {IE8常见内部浮动外部高度不适应解决方法}
  这种做法就是将父容器的overflow设为hidden或auot就可以在标准兼容浏览器中闭合浮动元素.
不过使用overflow的时候,可能会对页面表现带来影响,而且这种影响是不确定的,你最好是能在多个浏览器上测试你的页面

浮动外部元素,float-in-float
  这种做法就是让父容器也浮动,这利用到了浮动元素的一个特性——浮动元素会闭合浮动元素。这种方式在 IE/Win 和标准兼容浏览器中都有较好的效果,但缺点也很明显——父容器未必想浮动就浮动的了,毕竟浮动是一种比较特殊的行为,有时布局不允许其浮动也很正常。



相关阅读:
双系统卸载Windows7系统的技巧
php中的数组操作函数整理
PHP下escape解码函数的实现方法
5.2 使用Firefox扩展验证HTML内容
一个基于串口终端的菜单显示函数
一个可查询所有表的“通用”查询分页类
Ubuntu 8.04增强中文/多媒体支持
IE的不合理设计和Bugs
禁止F5等快捷键的JS代码
js模拟权限选择实现代码(select操作)
vbs病毒制作之一复制自身的vbs脚本
JS暴虐查找法
javascript 封装的一个实用的焦点图切换效果
Windows7使用技巧:屏蔽窗口智能排列
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 高中高一作文900字:青春内涵 幸福的眼泪,幸福的生活 参观蒲松龄纪念馆作文600字 为什么有些默默无闻的人,能够突然一飞升天? 站在善洲前--向杨善洲同志学习诗歌 想你,却不敢打扰你 地下城想象 《时差七小时》观后感作文500字 陶瓷作文450字 永远在路上心得体会范文 体育节的欢笑350字 《志气歌》诗歌 老虎和龙赛跑 积极向上的句子大全:抱最大的希望,为最大的努力,做最坏的打算 回顾九一八事变经过 水调歌头(幕府有和,再用韵) 课文秦兵马俑读后感 微触 你就是我的风景,唯美的风景 《恋空》里的经典台词 张骞的故事 人力资源与可持续发展研究 令人感动的事作文600字 触动心灵的50条青春励志 音乐的快乐作文700字 观《张思德》有感1000字 乡村是一种牵挂 关于狗的日记300字 2016元宵节问候祝福语 新一年的期待 我的生活翻开新的一页作文700字 周杰伦和他的歌作文1400字 我要你好好的 规范学校管理创建和谐校园600字 社会生活中的法则 初中初一作文700字:穿越时空的手表 县长庆七一表彰大会的讲话 男人泡妞必用16个潜规则 我会想你,但我不会再爱你了 学会坚强600字 关于珍惜青春的句子 未觉池塘春草梦,阶前梧叶已秋声 暑假三下乡个人总结——携手奋进,共撑一片晴空 爸爸做“饼”作文 生日快乐,我对自己说 检察官廉洁从政演讲稿:让廉洁之光照亮从检人生 扈从登封途中作 孤独的扁担 《论语十则》读后感600字 入团志愿书介绍人意见 收藏童年趣事

Copyright © 2016 phpStudy |