文章詳情頁
html - 哪些情況下float會失效？
瀏覽：286日期：2023-07-30 18:30:49
問題描述
比較p沒有設寬度或高度的時候，float是否會失效。還有哪些情況會失效的？
問題解答
回答1：你好！p沒有設寬或高時，若里面也沒有任何占寬高元素或文字內容，則該p不顯示，但float仍生效。
失效情況：兩個同級p，第一個設置float:left,第二個未設置，則會第一個脫離了文檔流，也就是說第二個p無視第一個的存在，將與之發(fā)生重疊
你所指的失效是什么意思？
回答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解決
標簽：
HTML
相關文章：
1. mac里的docker如何命令行開啟呢？2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. nignx - docker內nginx 80端口被占用4. docker容器呢SSH為什么連不通呢？5. 為什么我ping不通我的docker容器呢？？？6. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題7. angular.js使用$resource服務把數據存入mongodb的問題。8. docker-compose 為何找不到配置文件？9. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題！！10. docker gitlab 如何git clone？
排行榜
網公網安備