css3 - 自己做的CSS网格系统里面为什么两个div不能同行?
天蓬老师
天蓬老师 2017-04-17 11:13:46
[CSS3讨论组]

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(8)
巴扎黑

box-sizing:border-box

大家讲道理

两个p的边框内边距外边距等等都给弄成0试试

PHP中文网

p宽度的计算方式的问题
box-sizing可以指定以内容,外边距,边框为界线计算width数值
以百分比计算宽度,就有可能导致实际宽度加总超过父容器的总宽,对于左浮动的p来说就是换行,像是左浮动没有效果

PHP中文网

是IE7么?非上则设置了padding,border-width么?非上则有box-sizing:border-box设置了margin值么? show us the code.

伊谢尔伦

注意盒模型 考虑 border padding margin

迷茫

一般还是把代码贴出来比较好分析。
如果楼上答案都不行,可以看看这个 http://www.html-js.com/article/Do-not-obey-the-inlineblock-browser-on-...

迷茫

看看盒模型吧。《CSS设计指南》里说得很清楚了。

怪我咯

如果楼主使用inline-block的话,那么其实浏览器把楼主的两个p当成行内元素处理,而行内元素默认两边自带空格,楼主试试在其父元素上设置一下font-size:0px;使得两边空格大小不占地方.然后跟一条-webkit-text-size-adjust:none解决chrome系最小文字为12px的问题

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号