html - 哪些情況下float會失效?
問題描述
比較p沒有設寬度或高度的時候,float是否會失效。還有哪些情況會失效的?
問題解答
回答1:你好!p沒有設寬或高時,若里面也沒有任何占寬高元素或文字內容,則該p不顯示,但float仍生效。
失效情況:兩個同級p,第一個設置float:left,第二個未設置,則會第一個脫離了文檔流,也就是說第二個p無視第一個的存在,將與之發生重疊
你所指的失效是什么意思?
回答3:目前只知道float在絕對定位和display為none時不生效,其他的還希望大牛們能解答
回答4: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.
回答5:絕對定位時失效
回答6:display:flex時也會失效,可以用margin-left:auto解決
相關文章:
1. node.js - mysql如何通過knex查詢今天和七天內的匯總數據2. mysql 插入數值到特定的列一直失敗3. 360瀏覽器與IE瀏覽器有何區別???4. Python從URL中提取域名5. mysql - 百萬行的表中是否盡量避免使用update等sql語句?6. python - 在使用Pycharm時經??吹饺缦碌臉邮?,小括號里紅色的部分是什么意思呢?7. javascript - 新浪微博網頁版的字數限制是怎么做的8. 怎么在網頁中設置圖片進行左右滑動9. javascript - 豆瓣的這個自適應是怎么做的?10. javascript - 用jsonp抓取qq音樂總是說回調函數沒有定義
