文章詳情頁
css3 - 自己做的CSS網(wǎng)格系統(tǒng)里面為什么兩個div不能同行？
瀏覽：123日期：2023-07-30 11:53:18
問題描述
兩個width都是50%的p，設置了向左浮動，為什么它會出現(xiàn)換行？如果設置49%就不會了，這是為什么？
問題解答
回答1：box-sizing:border-box
回答2：兩個p的邊框、內(nèi)邊距、外邊距等等都給弄成0試試
回答3：p寬度的計算方式的問題box-sizing可以指定以內(nèi)容，外邊距，邊框為界線計算width數(shù)值以百分比計算寬度，就有可能導致實際寬度加總超過父容器的總寬，對于左浮動的p來說就是換行，像是左浮動沒有效果
回答4：是IE7么？非上則設置了padding,border-width么？非上則有box-sizing:border-box設置了margin值么？ show us the code.
回答5：注意盒模型 考慮 border padding margin
回答6：一般還是把代碼貼出來比較好分析。如果樓上答案都不行，可以看看這個 http://www.html-js.com/article/Do-not-obey-the-inlineblock-browser-on-...
回答7：看看盒模型吧。《CSS設計指南》里說得很清楚了。
回答8：如果樓主使用inline-block的話,那么其實瀏覽器把樓主的兩個p當成行內(nèi)元素處理,而行內(nèi)元素默認兩邊自帶空格,樓主試試在其父元素上設置一下font-size:0px;使得兩邊空格大小不占地方.然后跟一條-webkit-text-size-adjust:none解決chrome系最小文字為12px的問題
標簽：
CSS
相關文章：
1. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個坑！求助下面的存儲過程哪里錯啦，實在是找不到哪里的問題了。2. php傳對應的id值為什么傳不了啊有木有大神會的看我下方截圖3. 如何用筆記本上的apache做微信開發(fā)的服務器4. python - linux怎么在每天的凌晨2點執(zhí)行一次這個log.py文件5. 關于mysql聯(lián)合查詢一對多的顯示結果問題6. 冒昧問一下，我這php代碼哪里出錯了？？？7. windows誤人子弟啊8. mysql優(yōu)化 - MySQL如何為配置表建立索引？9. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)10. 實現(xiàn)bing搜索工具urlAPI提交
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備