Home  >  Article  >  Web Front-end  >  CCS里,margin-bottom真的无效吗?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:54:451376browse



比如上面图片里的字我就想显示在最下面,而且有的时候标题是两行,所以设置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是设置同级元素间的间隔,并不是设置它在父元素中的位置。


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

有效吧,是不是


是的,有效,我把概念弄混了~
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn