在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
手机端页面两个元素之间的margin-top/margin-bottom值在苹果手机（6plus）和安卓手机下表现的效果不一样。苹果手机下的表现方式更接近设计图。移动页面中的%是按照父容器的宽度设置的。
效果图如下苹果手机效果：
安卓手机：两个尺寸不同，表现的效果相同
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
请问有使用css reset吗
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
把行高默认设置
list-style:
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
字体不一样，同样大小也不一样，你还使用的是相对大小。。。。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
有解决方案了吗
我现在也遇到这种问题了
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
想让登陆框在PC端浏览器与上边有一定的距离，但是在手机端却是没有那么大的距离或者铺满。
bootstrap 中有没有类似col-sm-6 col-sm-offset-1 这样的创建对上边距距离的样式。
如果有就可以不用自己手写 padding-top: xxx px的样式。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
在源码CSS里搜padding-top，找有没符合值的，没有的话自己写咯
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
感觉用来布局还是可以。。细节还是自己手敲吧
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。css padding-top padding-bottom margin-top margin-bottom采用百分比时参照对象 - 梦见世界 - 博客园
之前想用padding-top来实现垂直居中，后来发现这是不可能的。
padding-top padding-bottom margin-top margin-bottom采用百分比时是参照父级块元素的宽度来确定的。
因为若是参照父级块元素的高度来确定的，那么该元素的高度会变化，从而导致父元素的高度会变大，而父元素的高度变大，从而导致padding-top等的百分比对应的高度变大，虽然最终变化是收敛的，但是和原先所想要的高度是不一样的，因而参照父级块元素的宽度是比较好的。
如果想要垂直居中的话，可以用js来操作，这也是没有办法的办法。多方法解决设置width:100%再设置margin或padding溢出的问题 - 简书
多方法解决设置width:100%再设置margin或padding溢出的问题
当设置了父元素的宽度，子元素设置宽度为100%后再在加上子元素上添加padding或margin值就会溢出。举个例子：
&!-- 示例 --&
&!-- html --&
&div class="parent"&
&div class="child"&&/div&
&!-- css --&
width: 500
height: 50
background-color:
border: 1px solid #E74D4D;
width: 100%;
height: 30
margin: 20
background-color:
这是因为设置了width: 100%;后已经将父元素占满，再添加margin值就会溢出（默认溢出值为左侧的margin值）
解决方法：
父元素设置padding
&!-- 弊端是增加了parent占用的宽度 --&
width: 500
height: 50
padding: 20
background-color:
border: 1px solid #E74D4D;
width: 100%;
height: 30
background-color:
[ 推荐 ]利用css3中的
设置他以后，相当于以怪异模式解析，border和padding全会在你设置的宽度内部。
width: 500
height: 50
padding:20
background-color:
border: 1px solid #E74D4D;
box-sizing: border-
width: 100%;
height: 30
background-color:
子元素外添加一个div
&div class="parent"&
&div class="child2"&
&!-- 设置margin: 20 --&
&div class="child"&&/div&
下面是彩蛋。。。
我在举这个例子的时候发现了一个css hack（针对不同的浏览器/不同版本写相应的CSS code的过程）：。
&div class="box1"&
&div class="box2"&&/div&
.box1{height:200width:200background:}
.box2{height:100width:100background:margin-top:50}
父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。
解决方法：
修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用）
为父元素添加overflow：hidden；样式即可（完美）
为父元素或者子元素声明浮动（float：left；可用）
为父元素添加border（border:1px solid transparent可用）
为父元素或者子元素声明绝对定位
感谢阅读，欢迎指正错误！
&!DOCTYPE html&
3_3HOMEWORK /*! Twitter Bootstrap //! normalize.css v3.0.2 | MIT License | git.io/normalize /html{font-family:sans-ser...
问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 {margin...
移动开发基本知识点 一.使用rem作为单位 html { font-size: 100 } @media(min-width: 320px) { html { font-size: 100 } } @media(min-width: 360px) { html ...
1.在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合并？给个父子外边距合并的范例 概念：在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以形成成一个单独的外边距。这种合并外边距的方式被称为合并，并且因此所结合成的外边距称为合并外边距。...
1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{
-webkit-trans...
枚举在开发中经常用到，可以表示一种事物的几种不同状态或者类型等，于是我们通常要根据当前的状态来和枚举元素进行比较来得到当前是什么状态，但是我发现一个问题，枚举值的比较真的是按照我们给枚举赋的值来单纯地比较大小或者是否相等来得出结论的吗？废话不多说，看代码： 然后我们来做一下...
宣传页 您是否想培养孩子学习的兴趣和解题的思维？您是否想让孩子在众多学子中取得傲人的成绩？您是否想让孩子在未来的道路上更加顺畅？那您让孩子到我这里吧，这里是梦开始的地方。在这里集聚了各个学校（山大，武大，师大）的研究生队伍，老师有多年代课经验。欢迎来到开元，开启你的元认知！...
因为昨天的大雨，天空被洗得很干净，走路的时候时不时抬头望着天，真清澈啊，蓝色的天，道路两旁大树上的叶子一起把这条路可见的天遮去三分之一，随风摆动的叶子让人心生荡漾，我不能控制的一直对着天空傻笑，心里感觉很幸福。今天本没有可说的，因为全都是开心的事情，像我这么没文采的人不知道...
这是2016年阅读的第一本书，读完第一遍没有看明白于是又读了一遍，所以这本书也是16年第一本读了两遍的书，虽然它是一本小说。 这是一本写给读书人的书，书中引用的书籍数量之多，对书中情节之熟悉，对作者之了解都超出了一般意义的小说，尽管有几本书是作者虚构出来的。十几个人的命运交...
问题41:我费尽了很多心思让我丈夫的父母对我以及我们夫妻之间的关系感到满意，不过我丈夫并没有报以相同的努力，尤其是对我的妈妈，他始终没有表示任何尊重或关心。我要种下什么种子才可以让他看见我们各自都有需要关心的家人呢？ 书本摘要： 在我们说任何话或做任何事之前，我们都会进入某...CSS 参考手册
CSS padding-top 属性
设置一个P元素的顶部填充：
padding-top:2cm;
属性定义及使用说明
padding-top属性设置一个元素的顶部填充（空格）。
注意： 负值是不允许的。
JavaScript 语法：
object.style.paddingTop="2cm"
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
padding-bottom
规定以具体单位计的固定的上内边距值，比如像素、厘米等。默认值是 0px。
定义基于父元素宽度的百分比上内边距。此值不会如预期的那样工作于所有的浏览器中。
规定应该从父元素继承上内边距。
感谢您的支持，我会继续努力的!
扫码打赏，你说多少就多少
记住登录状态
重复输入密码}