HTML CSS的兼容性问题、IE6BUG之浮动与定位篇
来源:互联网 发布:qc来电归属地数据库 编辑:程序博客网 时间:2024/05/20 23:05
IE6下内容撑开设置宽高———————————————————-
在IE6下,内容会撑开设置好的宽高 例如,给固定宽度的wrap_div下放left_div、right_div两个div并浮动,wrap_div的宽度正好放下两个内部div(两个内部div也设置了宽度)。在IE6下,如果left_div或right_div内部内容宽度大于div本身宽度,内容就会撑开宽度让wrap_div容不下,就会发生折行。解决办法: 给内容计算好宽高,不要溢出
IE6下子元素浮动问题———————————————————
在IE6下,父级下的两个子元素(块元素、未设置宽高)都浮动,如果两个子元素内部有块元素时,两个子元素不会内容撑开宽高,而会占满整行。解决办法:在IE6下父级下子元素浮动,如果子元素宽度需要内容撑开,就给子元素里面的块元素都加浮动
IE6,7下3像素BUG—————————————————————
父级下两个div,左div设置左浮动width:100px,右div设置margin-left:100px标准浏览器下左div和右div会相连。IE6,7下两者之间会有3px的间距。解决办法:在IE6,7下元素要通过浮动并在同一行,就给这行元素都加浮动
IE6下绝对定位元素消失———————————————————
当浮动元素和绝对定位元素是并列关系的时候,在IE6下绝对定位元素会消失解决办法:给定位元素外面包个div
在IE6,7下父级的overflow包不住相对定位子元素———————————-
在IE6,7下,子元素有相对定位的话,父级的overflow包不住子元素解决办法: 给父级也加相对定位
IE6,7 下不支持fixed————————————————————
position:fixed在IE6下失效解决办法:1.
_position:absolute; _top:expression(eval(document.documentElement.scrollTop+100));
2.用JS代替这个效果
0 0
- HTML CSS的兼容性问题、IE6BUG之浮动与定位篇
- HTML CSS的兼容性问题、IE6BUG之外边距篇
- css之浮动与定位
- CSS定位的兼容性问题
- CSS 定位与浮动
- CSS定位与浮动
- CSS浮动与定位
- CSS定位与浮动
- css浮动与定位
- html浮动与定位
- html定位与浮动
- CSS定位之浮动
- CSS(八) 盒子的浮动与定位
- HTML&CSS精选笔记_浮动与定位
- CSS定位与浮动总结
- CSS中的浮动与定位
- Div+css 浮动与定位
- 06、css定位与浮动
- poj3104 Drying(二分)
- TreeSet与TreeMap
- 小记录
- 五年前随笔(二)
- Java反射机制之类类型
- HTML CSS的兼容性问题、IE6BUG之浮动与定位篇
- Linux高并发机制——epoll模型
- wget突破cookie限制--用wget批量下载中国联通沃商店app
- Android数据手册01:Android颜色码制表
- linux 死机 处理 reisub
- 【codevs1039】01年noip TG--数的划分满分dp+愚蠢深搜+pas的奇怪做法
- HDU 1677 二分法进行判断
- urllib.quote
- Java加密与解密的艺术-读书笔记1-2章