搜尋

首頁  >  問答  >  主體

css3 - 自己做的CSS网格系统里面为什么两个div不能同行?

两个width都是50%的p,设置了向左浮动,为什么它会出现换行?如果设置49%就不会了,这是为什么?

天蓬老师天蓬老师2866 天前801

全部回覆(8)我來回復

  • 巴扎黑

    巴扎黑2017-04-17 11:15:46

    盒子大小:邊框框

    回覆
    0
  • 大家讲道理

    大家讲道理2017-04-17 11:15:46

    兩個p的邊框內邊距外邊距等都給弄成0試試

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:15:46

    p寬度的計算方式的問題
    box-sizing可以指定以內容,外邊距,邊框為界線計算width數值
    以百分比計算寬度,就有可能導致實際寬度加總超過父容器的總寬,對於左浮動的p來說就是換行,像是左浮動沒有效果

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:15:46

    是IE7麼?非上則設定了padding,border-width麼?非上則有box-sizing:border-box設定了margin值麼? show us the code.

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:15:46

    注意盒模型 考慮 border padding margin

    回覆
    0
  • 迷茫

    迷茫2017-04-17 11:15:46

    一般還是把程式碼貼出來比較好分析。
    如果樓上答案都不行,可以看看這篇 http://www.html-js.com/article/Do-not-obey-the-inlineblock-browser-on-...

    回覆
    0
  • 迷茫

    迷茫2017-04-17 11:15:46

    看看盒模型吧。 《CSS設計指南》裡說得很清楚了。

    回覆
    0
  • 怪我咯

    怪我咯2017-04-17 11:15:46

    如果樓主使用inline-block的話,那麼其實瀏覽器把樓主的兩個p當成行內元素處理,而行內元素默認兩邊自帶空格,樓主試試在其父元素上設置一下font- size:0px;使得兩邊空格大小不佔地方.然後跟一條-webkit-text-size-adjust:none解決chrome系最小文字為12px的問題

    回覆
    0
  • 取消回覆