文章詳情頁
css3 - 自己做的CSS網(wǎng)格系統(tǒng)里面為什么兩個(gè)div不能同行？
瀏覽：121日期：2023-07-30 11:53:18
問題描述
兩個(gè)width都是50%的p，設(shè)置了向左浮動，為什么它會出現(xiàn)換行？如果設(shè)置49%就不會了，這是為什么？
問題解答
回答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í)際寬度加總超過父容器的總寬，對于左浮動的p來說就是換行，像是左浮動沒有效果
回答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的問題
標(biāo)簽：
CSS
相關(guān)文章：
1. android - webview 自定義加載進(jìn)度條2. 為什么我ping不通我的docker容器呢？？？3. javascript - 微信小程序限制加載個(gè)數(shù)4. linux - openSUSE 上,如何使用 QQ?5. mysql - 怎么讓 SELECT 1+null 等于 16. python 怎樣用pickle保存類的實(shí)例？7. 并發(fā)模型 - python將進(jìn)程池放在裝飾器里為什么不生效也沒報(bào)錯(cuò)8. 大家好，請問在python腳本中怎么用virtualenv激活指定的環(huán)境？9. linux - 升級到Python3.6后GDB無法正常運(yùn)行?10. Python中, 仿照經(jīng)典代碼實(shí)現(xiàn)單例, 卻出現(xiàn)了不是單例的的狀態(tài), 代碼哪里出錯(cuò)了 ?
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備