两个width都是50%的p，设置了向左浮动，为什么它会出现换行？如果设置49%就不会了，这是为什么？
欢迎选择我的课程，让我们一起见证您的进步~~
box-sizing:border-box
两个p的边框、内边距、外边距等等都给弄成0试试
边框
内边距
外边距
p宽度的计算方式的问题 box-sizing可以指定以内容，外边距，边框为界线计算width数值 以百分比计算宽度，就有可能导致实际宽度加总超过父容器的总宽，对于左浮动的p来说就是换行，像是左浮动没有效果
是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的问题
font-size:0px;
-webkit-text-size-adjust:none
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
box-sizing:border-box
两个p的
边框、内边距、外边距等等都给弄成0试试p宽度的计算方式的问题
box-sizing可以指定以内容，外边距，边框为界线计算width数值
以百分比计算宽度，就有可能导致实际宽度加总超过父容器的总宽，对于左浮动的p来说就是换行，像是左浮动没有效果
是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的问题