学习总结(1)

201 阅读1分钟

问题来源: 回顾知识点的时候,准备重新做一遍,发现一个地方有新的解决的方法,记录下来。

问题怎么产生的?(看下面的图)

这样的话,不得不给top加上一个width: 100%的属性,我们看看加上属性后的样子。
我们希望两边都能有间距,margin是显然不可取的。于是试试padding吧!
这是为什么呢?怎么会出现这个情况。 我想这个原因可能是你给了top一个宽度产生的。那我来证明下,我在top里面加上一个不给定宽度的 div试试,成功了就解决了不是吗?

解决了,那么还有没有别的方法? 这个时候有个属性可以试试,那就是box-sizing,我让我的top这个div的宽度算上border的话,那就意味着在里面加的padding也会算在width里面,这样一来不也解决了问题吗! 尝试一下:

搞定!收工!