84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
两个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
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的问题