搜尋

首頁  >  問答  >  主體

html - 哪些情况下float会失效?

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

PHPzPHPz2784 天前1181

全部回覆(6)我來回復

  • 阿神

    阿神2017-04-17 11:14:56

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

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

    回覆
    0
  • PHPz

    PHPz2017-04-17 11:14:56

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

    回覆
    0
  • 大家讲道理

    大家讲道理2017-04-17 11:14:56

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

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:14:56

    不影響靈活盒子的屬性

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

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

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

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

    回覆
    0
  • 高洛峰

    高洛峰2017-04-17 11:14:56

    絕對定位時失效

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 11:14:56

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

    回覆
    0
  • 取消回覆