首页 > web前端 > html教程 > CCS里,margin-bottom真的无效吗?_html/css_WEB-ITnose

CCS里,margin-bottom真的无效吗?_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:54:45
原创
1456 人浏览过



比如上面图片里的字我就想显示在最下面,而且有的时候标题是两行,所以设置margin-top的肯定不能一次性解决问题。

就是类似下面这个部分:

<div>   <p>巴萨憾负塞尔塔,梅西哭晕在厕所。</p></div>
登录后复制


我让外面的div的margin-bottom:0是无效的。
网页是从上向下布局的,是导致margin-bottom无效的原因吗?
有没有什么解决方法让margin-bottom有效呢?(position:absolute的方法除外)。如果margin-bottom当真无效,那岂不是这个属性的存在只有理论上的意义?


回复讨论(解决方案)

你理解错了这个属性的含义,它指的是你所设置的元素的下外边距,但不代表它在父元素的底部,也不代表它的子元素都会在它的底部显示。像你说的这种情况,用绝对定位然后设置bottom:0才有效。

margin-bottom 有效啊 , 用了很多次了, 

你理解错了这个属性的含义,它指的是你所设置的元素的下外边距,但不代表它在父元素的底部,也不代表它的子元素都会在它的底部显示。像你说的这种情况,用绝对定位然后设置bottom:0才有效。


我有个疑问:
如果目标元素下方没有其他同辈元素,为什么margin-bottom:0不代表它在父元素的底部?
margin-bottom:0意味着什么?

不代表,举个例子:你有两个盒子要自上而下放置,如果给第一个盒子设置了margin-bottom:10px,那么第二个盒子会距离第一个盒子10px,如果设置为0,那就会紧挨着第一个(当然第二个的margin-top也是设为0时),margin-bottom是设置同级元素间的间隔,并不是设置它在父元素中的位置。

有效吧,是不是

不代表,举个例子:你有两个盒子要自上而下放置,如果给第一个盒子设置了margin-bottom:10px,那么第二个盒子会距离第一个盒子10px,如果设置为0,那就会紧挨着第一个(当然第二个的margin-top也是设为0时),margin-bottom是设置同级元素间的间隔,并不是设置它在父元素中的位置。


对,你这么说我就明白了,我把概念弄混了,谢谢啦 :)

有效吧,是不是


是的,有效,我把概念弄混了~
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板