html – 边距和负边距

概述我一直认为我理解利润和负利润,但显然我没有！我刚刚开始设计并遇到问题. 我有一个div(hill3Cont)和另一个div(hill3Hill)嵌套在里面,这是他们的CSS. #hill3Cont{ width: 100%; background-image: url("images/grass.jpg");}#hill3Hill { margin: -100px 我一直认为我理解利润和负利润,但显然我没有！我刚刚开始设计并遇到问题.

我有一个div(hill3Cont)和另一个div(hill3Hill)嵌套在里面,这是他们的CSS.

#hill3Cont{    wIDth: 100%;    background-image: url("images/grass.jpg");}#hill3Hill {    margin: -100px 0 0 0;    height: 600px;    wIDth: 100%;    background: url("images/hill3.png") no-repeat center top;}

我已经在子div的顶部应用了一个负余量,希望它能将这个内容推到父div的边界之外.但事实并非如此,它并没有动.如果我应用一个正余量,它会将父div与其中的孩子一起推下去.

我可以使其行为正常的唯一方法是使用隐藏在父div上的边框或溢出,但设计将不允许其中任何一个(我不希望边框和溢出隐藏隐藏孩子).

也许这只是漫长的一天,我错过了一些常见的东西！提前谢谢了.

编辑：
我有一个解决方案,我在父div上放了一个填充顶部,填充：1px 0 0 0.它适用于我的设计所以我很高兴但仍然很想知道发生了什么.

解决方法 听起来像边缘折叠问题：

http://www.seifi.org/css/understanding-taming-collapsing-margins-in-css.html

总结

以上是内存溢出为你收集整理的html – 边距和负边距全部内容，希望文章能够帮你解决html – 边距和负边距所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。