xcsc.net
当前位置:首页 >> 为什么设置浮动后 mArgin%Bottom失效 >>

为什么设置浮动后 mArgin%Bottom失效

.logo {height: 50px;width: 50px;background-color: red;float: left;margin-bottom: 10px;}给你修改后的代码,自己感受一下吧,margin-bottom不是失效了,而是你div用了浮动,你必须用clear:both清除浮动之后才能正常

/*body*/ #container {width:900px;margin:0 auto;} /*header*/ #header {height:70px;width:900px; background:#CCFFCC; margin-bottom:8px;} #nav {height:30px;width:900px; background:#CCFFCC; margin-bottom: 8px;} /*main*/ #mainconten...

是你理解错了,margin-bottom是指该元素与其后的兄弟节点之间的距离。如果你在m1下面再加上一行p标签,你会看到,p距离m1之间的距离,就是m1的margin-bottom的值。最外层那个id为box的div,是m1的父级节点,m1的margin-bottom是不会对box产生效...

一般来说中间那三个div外面再加一个div框住会比较好。 另外你一会儿有浮动一会儿没浮动,这个太乱了。 你这个页面不是margin的问题。是浮动的问题。

楼主是想文字垂直居中显示吗? *{margin:0;padding:0;}.nav{margin:0 auto;border:2px solid red;height:40px;line-height:40px;width:980px;color:blue;font-size:25px;}.nav ul li{list-style:none;float:left;margin-right:35px;margin-botto...

有三个问题, 一个是你的样式代码被注释了。 二、你的li都是右浮动,就是在一排,margin-top当然有效,margin-bottom完全无用。 三、topbig高度是50px,但是你的li的margin上下远远大于50px,这是错的

在这个说明中,“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框 或使用清除分离方法)结合表示为一个单独的margin。 在css2.1中,...

一,一般页面布局的时候所有元素margin-top的,元素布局向上看;即下方元素margin-top:5px; 二,margin-bottom容易与下方的元素的margin-top重叠 三,解决方案要么上方一,要么就是这个main盒子下方添加清除一下浮动

这个东西叫做局部样式,他的优先级别是最高的。用它就是为了临时设置一些样式,不建议大量使用。 CSS 属性它都可以使用 onmouseover="this.style.marginBottom='1px'"

这是ul这样不行吗

网站首页 | 网站地图
All rights reserved Powered by www.xcsc.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com