当一个子元素absolute 以后,无法继承父元素的 text-decoration 样式,(color 等其它样式是可以正常继承的)
另外:子元素float 以后也会有相同的效果
特例:ie6,ie7 不存在以上问题
找到的网上的解释:
- 在非行内元素上设置 'text-decoration' 特性,会影响其内正常流中的行内子元素和块级子元素, 但不影响其内浮动和绝对定位子元素,以及 'display' 特性值为 'inline-table' 和 'inline-block' 子元素;
参考文档:http://w3help.org/zh-cn/causes/RT3002
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<style>
.bbb {
color: gray;
text-decoration: underline;
display: block;
}
.question {
float: left;
}
</style>
<div class="bbb" >
<div class="noraml">
正常元素
</div>
<div class="question">
absolute以后的元素
</div>
</div>
</body>
</html>