Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

学习总结(1) #3

Open
Pomelo1213 opened this issue Jan 22, 2018 · 0 comments
Open

学习总结(1) #3

Pomelo1213 opened this issue Jan 22, 2018 · 0 comments
Labels

Comments

@Pomelo1213
Copy link
Owner

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

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


这样的话,不得不给top加上一个width: 100%的属性,我们看看加上属性后的样子。

我们希望两边都能有间距,margin是显然不可取的。于是试试padding吧!

这是为什么呢?怎么会出现这个情况。
我想这个原因可能是你给了top一个宽度产生的。那我来证明下,我在top里面加上一个不给定宽度的
div试试,成功了就解决了不是吗?


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


搞定!收工!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant