首頁 > 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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板