>  기사  >  웹 프론트엔드  >  CCS里,margin-bottom真的无效吗?_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:54:451376검색



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


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

有效吧,是不是


是的,有效,我把概念弄混了~
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.