![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
盒模型
小黄风云
这个作者很懒,什么都没留下…
展开
-
盒模型:关于margin的左右自适应与上下自适应
首先写一个盒子: 加入margin-left: auto;左外边距自动(自适应)效果: 改为margin-right: auto;右外边距自动(自适应)效果: 改为左右外边距都自动的(左右自适应)水平居中效果: 那我上下是不是也可以自适应来达到垂直居中的效果呢?结果是不可以的: 结论:margin左右自适应是可以的,但上下自适应是不行的。 原因:浏览器在进行CSS渲染的时候,跟其它的样式...原创 2019-10-25 12:46:23 · 3300 阅读 · 1 评论 -
盒模型:width、height不设置时,对盒模型的影响
先写一个嵌套的盒子,在不设置width100%的情况下盒子2的宽度也会占满整个容器 此时我们给盒子2加一个30px左内填充,会发现盒子2超出了30px: 再加一个10px左边框,发现再次超出了10px: 此时你可能会想到将盒子2的box-sizing设为border-box,此时宽度值300px将包含边框、内填充和内容(content),而不仅仅是把content设为300px: 其实不...原创 2019-10-25 13:48:09 · 879 阅读 · 1 评论