84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
比较p没有设宽度或高度的时候,float是否会失效。 还有哪些情况会失效的?
学习是最好的投资!
你好!p没有设宽或高时,若里面也没有任何占宽高元素或文字内容,则该p不显示,但float仍生效。
失效情况:两个同级p,第一个设置float:left,第二个未设置,则会第一个脱离了文档流,也就是说第二个p无视第一个的存在,将与之发生重叠
你所指的失效是什么意思?
目前只知道float在绝对定位和display为none时不生效,其他的还希望大牛们能解答
Properties not affecting flexible boxes Because flexible boxes use a different layout algorithm, some properties do not make sense on a flex container: column-* properties of the multiple column module have no effect on a flex item. float and clear have no effect on a flex item. Using float causes the display property of the element to compute to block. vertical-align has no effect on the alignment of flex items.
Properties not affecting flexible boxes
Because flexible boxes use a different layout algorithm, some properties do not make sense on a flex container:
column-* properties of the multiple column module have no effect on a flex item.
float and clear have no effect on a flex item. Using float causes the display property of the element to compute to block.
vertical-align has no effect on the alignment of flex items.
绝对定位时失效
display:flex时也会失效,可以用margin-left:auto解决
你好!p没有设宽或高时,若里面也没有任何占宽高元素或文字内容,则该p不显示,但float仍生效。
失效情况:两个同级p,第一个设置float:left,第二个未设置,则会第一个脱离了文档流,也就是说第二个p无视第一个的存在,将与之发生重叠
你所指的失效是什么意思?
目前只知道float在绝对定位和display为none时不生效,其他的还希望大牛们能解答
绝对定位时失效
display:flex时也会失效,可以用margin-left:auto解决