css3 - 自己做的CSS網(wǎng)格系統(tǒng)里面為什么兩個(gè)div不能同行？
問題描述
兩個(gè)width都是50%的p，設(shè)置了向左浮動(dòng)，為什么它會(huì)出現(xiàn)換行？如果設(shè)置49%就不會(huì)了，這是為什么？
問題解答
回答1：box-sizing:border-box
回答2：兩個(gè)p的邊框、內(nèi)邊距、外邊距等等都給弄成0試試
回答3：p寬度的計(jì)算方式的問題box-sizing可以指定以內(nèi)容，外邊距，邊框?yàn)榻缇€計(jì)算width數(shù)值以百分比計(jì)算寬度，就有可能導(dǎo)致實(shí)際寬度加總超過父容器的總寬，對于左浮動(dòng)的p來說就是換行，像是左浮動(dòng)沒有效果
回答4：是IE7么？非上則設(shè)置了padding,border-width么？非上則有box-sizing:border-box設(shè)置了margin值么？ show us the code.
回答5：注意盒模型 考慮 border padding margin
回答6：一般還是把代碼貼出來比較好分析。如果樓上答案都不行，可以看看這個(gè) http://www.html-js.com/article/Do-not-obey-the-inlineblock-browser-on-...
回答7：看看盒模型吧。《CSS設(shè)計(jì)指南》里說得很清楚了。
回答8：如果樓主使用inline-block的話,那么其實(shí)瀏覽器把樓主的兩個(gè)p當(dāng)成行內(nèi)元素處理,而行內(nèi)元素默認(rèn)兩邊自帶空格,樓主試試在其父元素上設(shè)置一下font-size:0px;使得兩邊空格大小不占地方.然后跟一條-webkit-text-size-adjust:none解決chrome系最小文字為12px的問題
相關(guān)文章：
1. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ，會(huì)帶來哪些效率或者其他方面的好處2. javascript - ios返回不執(zhí)行js怎么解決？3. python - 爬蟲模擬登錄后，爬取csdn后臺(tái)文章列表遇到的問題4. 視頻文件不能播放，怎么辦？5. python bottle跑起來以后,定時(shí)執(zhí)行的任務(wù)為什么每次都重復(fù)(多)執(zhí)行一次?6. html5 - HTML代碼中的文字亂碼是怎么回事？7. javascript - 求幫助 , ATOM不顯示界面!!!!8. mysql 查詢身份證號字段值有效的數(shù)據(jù)9. javascript - angular使從elastichearch中取出的文本高亮顯示，如圖所示10. javascript - 為什么在谷歌控制臺(tái) 輸出1的時(shí)候，輸出的1立馬就不見了
網(wǎng)公網(wǎng)安備