通过 margin 负值消除来自父元素的外边距限制(外边距值与 margin 值相对);
话不多说,直接上代码
<div style="padding: 0px 10px; background-color: red;">
<p style="margin-left: -10px;">I'm, here</p>
</div>
哈哈,是不是动态的扩大了 p 的长度;
咦,不过子元素溢出去了,一般的做法直接在 div 的样式中添加 overflow:hidden 属性,
不,这不是我所要表述的 0.0,
我的发现是通过改变父元素的 padding: 1px 10px; 也能实现overflow: hidden 的效果
怎么感觉像是给父元素修了一层篱笆呢......
对了,再给大家分享一个 Css 优先级 的 (✿◡‿◡)
优先级表达式: @media ... { .trail } > .wrap .trail > .trail
<div class="wrap" style="height: 50px;">
<div class="trial" style="height: 50%;"></div> // 蓝色
</div>
<style>
.trial {
background-color: red;
}
.wrap .trial {
background-color: blue;
}
</style>
这是为什么呢 QAQ , 为啥二类选择器会大于一类选择器,头大的我只能去问了问度娘
参考了博友的介绍, 博客地址:http://www.cnblogs.com/zxjwlh
哈哈哈哈哈哈哈, 未完待续 - -