Maison > interface Web > tutoriel HTML > CCS里,margin-bottom真的无效吗?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:54:45
original
1457 Les gens l'ont consulté



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

就是类似下面这个部分:

<div>   <p>巴萨憾负塞尔塔,梅西哭晕在厕所。</p></div>
Copier après la connexion


我让外面的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是设置同级元素间的间隔,并不是设置它在父元素中的位置。


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

有效吧,是不是


是的,有效,我把概念弄混了~
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal