![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css技巧
不爽的麻雀
这个作者很懒,什么都没留下…
展开
-
保持div的宽高比
<div style="width: 100%;background-color: #255625;position: relative;padding-bottom: 44%"> 通过将padding-bottom这个属性设定为百分比(百分比为高/宽),从而保证div的宽高比 高/宽 = 50%时,各种状态下的div框 高/宽 = 100%时,各种状态下的div...原创 2018-08-17 10:18:14 · 2600 阅读 · 0 评论 -
子元素不受父元素的透明度影响
使用background:rgba(1,1,1,0.5) &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;原创 2018-09-03 17:22:10 · 1303 阅读 · 0 评论 -
box-sizing的使用
HTML: <div class="box"></div> CSS .box{ box-sizing: border-box; /*box-sizing: content-box;*/ /*box-sizing: inherit;*/ width: 80px; background-color: #0055aa; margi...原创 2018-10-26 15:44:16 · 317 阅读 · 0 评论