IE7及以下多个行内元素时浮动元素折行不环绕
来源:互联网 发布:idea新建普通java项目 编辑:程序博客网 时间:2024/06/06 03:49
问题
<div class="part"> <span>万达....</span> <a class="more" href="#"></a></div>
大多数浏览器下
IE6/7下
原因
在IE6/7中无法产生环绕效果,可能的原因有
- 同一个父容器内有多个行内元素;
- 某些为非浮动元素,某些为浮动元素(可以是左浮动或右浮动);
- 浮动的子元素不都是位于非浮动的子元素之前。
解决办法
- 更改dom结构,浮动元素放到非浮动前 或者 避免多个行内元素
- 采用absolute定位
- IE6/7下hack : *margin-top: 14px;
0 0
- IE7及以下多个行内元素时浮动元素折行不环绕
- IE7 浮动元素 禁止自动换行
- 元素浮动之后文字会环绕而不是重合原因
- 探讨CSS中元素浮动后,文字环绕于浮动元素周围,没有与浮动元素重合的问题
- 为什么元素浮动之后,文字会环绕在周边,而不是跟浮动元素重合?
- ie7以下 tr元素的背景图片作用域
- IE7以下绝对定位position被后面元素遮挡问题
- 元素浮动
- 浮动元素撑起父级元素
- 元素浮动之后文字会环绕而不是重合原因示例解答
- IE7.0以下版本列表<li>元素中元素错位解决方法
- IE7-/Win: 在浮动元素后的定义了“position:absolute”的元素框可能会消失
- 闭合浮动元素”或“清除浮动元素
- 元素浮动与浮动清除
- 块级元素与内联元素(行内元素)及浮动知识总结
- li内元素浮动在ie7产生边距之我解
- IE6、IE7下a标签后面的span元素向右浮动后错位的解决方法
- 关于IE6/IE7中浮动元素margin-bottom值失效的问题解决办法。
- 基于AJAX的长轮询(long-polling)方式实现COMET例子
- 双向链表学习
- js的call函数
- JDBC高级编程笔记
- android基础部分再学习---Binder
- IE7及以下多个行内元素时浮动元素折行不环绕
- Python-OpenCV(4)
- 电脑族应该怎么保护眼睛
- 单摄像头+激光测距
- DecimalFormat
- 函数类型和函数指针类型
- 重载operator操作符
- 顺序栈学习
- [C/C++]_[初级]_[原子操作]