问一个基础的CSS问题……_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了问一个基础的CSS问题……_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2262字，纯文字阅读大概需要4分钟。
内容图文
我发现类似.top{ margin-top:100px }或者.footer{ margin-bottom:100px }的样式都是没效果的。
而.nav{ margin:100px auto }和.main{ margin:100px auto }是有效果的……
那么想问一下margin是不是同级元素的间距？
我需要实现top离container的顶部100px， footer贴紧container的底部。我应该怎样做？
不会是需要事先计算好吧……
回复讨论(解决方案)
用padding呢？我是菜鸟，这是我的想法。margin有时候会重合，你看W3C教程有说明的。
直接这样不行吗.container{ background: #aabbcc; width: 1000px; height: 1500px; margin: auto; padding:100px 0;}
直接这样不行吗.container{ background: #aabbcc; width: 1000px; height: 1500px; margin: auto; padding:100px 0;}
这样不设置height的话就可以吧。
不过我希望设置过container的width和height之后，footer到container底部的距离为100px;
我想知道除了预先计算好尺寸之外还有什么好办法？
添加 overflow:hidden; 有高度跟宽度定义过的 块
你高度减少100px不就可以了吗？
.container{ background: #aabbcc; width: 1000px; height: 1400px; margin: auto; padding:100px 0;}
如果你希望.container总的高度是1500px的话，那么.container的高度可以设置成1300px，padding的top和bottom可以各设置100px，top和bottom就共200px的高度，1300px+200px=1500px，这是你想要的吗？
container没必要设置高度的，让它内部的元素自动填充撑开高度就ok,上边100px的话加上padding-top:100px;就ok，如果内部元素有浮动的话，加上overflow:hidden;
内容总结
以上是互联网集市为您收集整理的问一个基础的CSS问题……_html/css_WEB-ITnose全部内容，希望文章能够帮你解决问一个基础的CSS问题……_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。