html - 哪些情况下float会失效?
PHPz
PHPz 2017-04-17 11:12:56
0
6
1219

比较p没有设宽度或高度的时候,float是否会失效。
还有哪些情况会失效的?

PHPz
PHPz

学习是最好的投资!

全部回覆(6)
阿神

你好!p沒有設寬或高時,若裏麵也沒有任何占寬高元素或文字內容,則該p不顯示,但float仍生效。

失效情況:兩個同級p,第一個設置float:left,第二個未設置,則會第一個脫離了文檔流,也就是說第二個p無視第一個的存在,將與之發生重疊

PHPzhong

你所指的失效是什麼意思?

大家讲道理

目前隻知道float在絕對定位和display為none時不生效,其他的還希望大牛們能解答

Ty80

不影響靈活盒子的屬性

因為靈活的盒子使用不同的布局算法,一些
屬性在 Flex 容器上沒有意義:

  • 多列模塊的column-*屬性對彈性項目沒有影響。

  • 浮動和清除對彈性項目沒有影響。使用 float 會導致元素的顯示屬性計算為阻塞。

  • vertical-align 對彈性項目的對齊沒有影響。

小葫芦

絕對定位時失效

左手右手慢动作

display:flex時也會失效,可以用margin-left:auto解決

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板