文章详情页
css3 - 自己做的CSS网格系统里面为什么两个div不能同行？
浏览：272日期：2023-07-30 11:53:18
问题描述
两个width都是50%的p，设置了向左浮动，为什么它会出现换行？如果设置49%就不会了，这是为什么？
问题解答
回答1：box-sizing:border-box
回答2：两个p的边框、内边距、外边距等等都给弄成0试试
回答3：p宽度的计算方式的问题box-sizing可以指定以内容，外边距，边框为界线计算width数值以百分比计算宽度，就有可能导致实际宽度加总超过父容器的总宽，对于左浮动的p来说就是换行，像是左浮动没有效果
回答4：是IE7么？非上则设置了padding,border-width么？非上则有box-sizing:border-box设置了margin值么？ show us the code.
回答5：注意盒模型 考虑 border padding margin
回答6：一般还是把代码贴出来比较好分析。如果楼上答案都不行，可以看看这个 http://www.html-js.com/article/Do-not-obey-the-inlineblock-browser-on-...
回答7：看看盒模型吧。《CSS设计指南》里说得很清楚了。
回答8：如果楼主使用inline-block的话,那么其实浏览器把楼主的两个p当成行内元素处理,而行内元素默认两边自带空格,楼主试试在其父元素上设置一下font-size:0px;使得两边空格大小不占地方.然后跟一条-webkit-text-size-adjust:none解决chrome系最小文字为12px的问题
标签：
CSS
相关文章：
1. node.js - Angular-webpack-Starter, 怎么把NodeJS添加进项目里？2. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？3. javascript - gulp-nodemon 使用重启express 服务器的时候端口被占用4. node.js - yo webapp构建项目时报错了，如图5. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么？6. thinkphp中Controller里面使用Request::File(’image’);7. 【python小白】 问关于之初始化一次对象的问题8. 人工智能 - python 机器学习 医疗数据 怎么学9. python - pymongo 含有子条件的操作 应该怎么写？10. 最后一步点击登录进入后台失败
排行榜
网公网安备