刚刚接触到CSS，懂不明白了，margin-bottom和margin-top设置无效，上下边框还是无法分离，
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了刚刚接触到CSS，懂不明白了，margin-bottom和margin-top设置无效，上下边框还是无法分离，相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#bodytext-align:center
#header border:#FF0000 1px solid; height:100px; width:100%;margin-bottom:5px;
#leftborder:#00FF00 1px solid;height:600px; width:18%; float:left
#centerborder:#FFFF00 1px solid;height:600px;width:60%;float:left;margin-left:15px;
#lightborder:#FF0000 1px solid;height:600px;width:18%;float:right
#fooderclear:both;border:#ff0000 1px solid;height:100px;width:100%;margin-top:5px
</style>
</head>
<body>
<div id="header">
</div>
<div id="left">
</div>
<div id="center">
</div>
<div id="light">
</div>
<div id="fooder">
</div>
</body>
</html>
不巧的是有些情况下(比如你这个情况)，错误的把不该合并的上下外边距合并了，就导致出错。
解决方法，上下外边距各加1px边框(颜色设成跟页面背景一样)，由于加了边框高度多了2px，你再把高度减少2px。或者不用边框，上下各加1px内边距也可以。 参考技术A 你说的是fooder div的外边距没起作用吧，那是因为在fooder上面的三个div的float属性是left，而fooder的float是none，同一层次下float方式不一样的话容易出乱，你这个就是这种情况。统一一下float方式就好了 参考技术B 给需要的margin的元素加overflow:hidden 就可以了 不行的话 就float 这两个东西很多时候要用掉的感兴趣可以去深入研究一下的 参考技术C 一般来说中间那三个div外面再加一个div框住会比较好。
另外你一会儿有浮动一会儿没浮动，这个太乱了。
你这个页面不是margin的问题。是浮动的问题。 参考技术D 当所有元素的margin-top元素布局的角度来看，低于该元素的margin-top：加入5px;
两个利润率底轻松地缘顶部和底部的元素重叠
第三，一般页面布局解决方案是主箱的顶部或底部添加</ DIV 的清除浮动
随笔看法
刚刚接触编译原理，一开始很多东西都不懂不了解，上网找了很多关于编译原理的资料，知道了许多关于这方面的知识，觉得这是一门挺有意思的学科，但是还有很多要学的地方，我希望自己能好好学习这么课，编译原理这门课我刚刚接触，对于这门课我了解的不多，对于这门课程的东西我也不能很好的说出自己想法和看法，我觉得这门课有多东西是要自己理解和学习的，我希望我能好好学习这门课，以后可以在这里分享自己的看法和自己的心得。
以上是关于刚刚接触到CSS，懂不明白了，margin-bottom和margin-top设置无效，上下边框还是无法分离，的主要内容，如果未能解决你的问题，请参考以下文章