比较p没有设宽度或高度的时候,float是否会失效。 还有哪些情况会失效的?
学习是最好的投资!
你好!p沒有設寬或高時,若裏麵也沒有任何占寬高元素或文字內容,則該p不顯示,但float仍生效。
失效情況:兩個同級p,第一個設置float:left,第二個未設置,則會第一個脫離了文檔流,也就是說第二個p無視第一個的存在,將與之發生重疊
你所指的失效是什麼意思?
目前隻知道float在絕對定位和display為none時不生效,其他的還希望大牛們能解答
不影響靈活盒子的屬性 因為靈活的盒子使用不同的布局算法,一些 屬性在 Flex 容器上沒有意義: 多列模塊的column-*屬性對彈性項目沒有影響。 浮動和清除對彈性項目沒有影響。使用 float 會導致元素的顯示屬性計算為阻塞。 vertical-align 對彈性項目的對齊沒有影響。
不影響靈活盒子的屬性
因為靈活的盒子使用不同的布局算法,一些 屬性在 Flex 容器上沒有意義:
多列模塊的column-*屬性對彈性項目沒有影響。
浮動和清除對彈性項目沒有影響。使用 float 會導致元素的顯示屬性計算為阻塞。
vertical-align 對彈性項目的對齊沒有影響。
絕對定位時失效
display:flex時也會失效,可以用margin-left:auto解決
你好!p沒有設寬或高時,若裏麵也沒有任何占寬高元素或文字內容,則該p不顯示,但float仍生效。
失效情況:兩個同級p,第一個設置float:left,第二個未設置,則會第一個脫離了文檔流,也就是說第二個p無視第一個的存在,將與之發生重疊
你所指的失效是什麼意思?
目前隻知道float在絕對定位和display為none時不生效,其他的還希望大牛們能解答
絕對定位時失效
display:flex時也會失效,可以用margin-left:auto解決