html - 哪些情況下float會(huì)失效？
問題描述
比較p沒有設(shè)寬度或高度的時(shí)候，float是否會(huì)失效。還有哪些情況會(huì)失效的？
問題解答
回答1：你好！p沒有設(shè)寬或高時(shí)，若里面也沒有任何占寬高元素或文字內(nèi)容，則該p不顯示，但float仍生效。
失效情況：兩個(gè)同級(jí)p，第一個(gè)設(shè)置float:left,第二個(gè)未設(shè)置，則會(huì)第一個(gè)脫離了文檔流，也就是說第二個(gè)p無視第一個(gè)的存在，將與之發(fā)生重疊
你所指的失效是什么意思？
回答3：目前只知道float在絕對(duì)定位和display為none時(shí)不生效，其他的還希望大牛們能解答
回答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：絕對(duì)定位時(shí)失效
回答6：display:flex時(shí)也會(huì)失效，可以用margin-left:auto解決
相關(guān)文章：
1. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?2. mysql優(yōu)化 - 關(guān)于mysql分區(qū)3. html5 - 如何實(shí)現(xiàn)帶陰影的不規(guī)則容器？4. javascript - 循環(huán)嵌套多個(gè)promise應(yīng)該如何實(shí)現(xiàn)？5. python - 管道符和ssh傳文件6. 請(qǐng)教各位大佬，瀏覽器點(diǎn) 提交實(shí)例為什么沒有反應(yīng)7. objective-c - iOS開發(fā)支付寶和微信支付完成為什么跳轉(zhuǎn)到了之前開發(fā)的一個(gè)app?8. javascript - 為什么這個(gè)點(diǎn)擊事件需要點(diǎn)擊兩次才有效果9. javascript - ionic2 input autofocus 電腦成功，iOS手機(jī)鍵盤不彈出10. vue.js - vue 打包后 nginx 服務(wù)端API請(qǐng)求跨域問題無法解決。
網(wǎng)公網(wǎng)安備