css3 - 自己做的CSS網(wǎng)格系統(tǒng)里面為什么兩個(gè)div不能同行？
問(wèn)題描述
兩個(gè)width都是50%的p，設(shè)置了向左浮動(dòng)，為什么它會(huì)出現(xiàn)換行？如果設(shè)置49%就不會(huì)了，這是為什么？
問(wèn)題解答
回答1：box-sizing:border-box
回答2：兩個(gè)p的邊框、內(nèi)邊距、外邊距等等都給弄成0試試
回答3：p寬度的計(jì)算方式的問(wèn)題box-sizing可以指定以?xún)?nèi)容，外邊距，邊框?yàn)榻缇€(xiàn)計(jì)算width數(shù)值以百分比計(jì)算寬度，就有可能導(dǎo)致實(shí)際寬度加總超過(guò)父容器的總寬，對(duì)于左浮動(dòng)的p來(lái)說(shuō)就是換行，像是左浮動(dòng)沒(méi)有效果
回答4：是IE7么？非上則設(shè)置了padding,border-width么？非上則有box-sizing:border-box設(shè)置了margin值么？ show us the code.
回答5：注意盒模型 考慮 border padding margin
回答6：一般還是把代碼貼出來(lái)比較好分析。如果樓上答案都不行，可以看看這個(gè) http://www.html-js.com/article/Do-not-obey-the-inlineblock-browser-on-...
回答7：看看盒模型吧。《CSS設(shè)計(jì)指南》里說(shuō)得很清楚了。
回答8：如果樓主使用inline-block的話(huà),那么其實(shí)瀏覽器把樓主的兩個(gè)p當(dāng)成行內(nèi)元素處理,而行內(nèi)元素默認(rèn)兩邊自帶空格,樓主試試在其父元素上設(shè)置一下font-size:0px;使得兩邊空格大小不占地方.然后跟一條-webkit-text-size-adjust:none解決chrome系最小文字為12px的問(wèn)題
相關(guān)文章：
1. javascript - sublime快鍵鍵問(wèn)題2. javascript - immutable配合react提升性能？3. css - 寫(xiě)頁(yè)面遇到個(gè)布局問(wèn)題，求大佬們幫解答，在線(xiàn)等，急！~4. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問(wèn)5. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了，但是服務(wù)器還是不能訪(fǎng)問(wèn)？6. 實(shí)現(xiàn)bing搜索工具urlAPI提交7. 配置Apache時(shí)，添加對(duì)PHP的支持時(shí)語(yǔ)法錯(cuò)誤8. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽(tīng)數(shù)據(jù)變化9. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎？10. phpstudy8.1支持win11系統(tǒng)嗎？
網(wǎng)公網(wǎng)安備