css中margin-top或者margin-bottom失效
css中margin-top是设置容器的外间距了距离了，div嵌套后，margin-top或者margin-bottom失效了，在网上打到下面的方法可以解决。 设计页面的时候遇到一个神奇的问题，下面是html的代码 <body> < ...
原文：span标签对于margin-top,margin-bottom无效，但是margin-left,margin-right却是有效的。
首先，span是行内元素，是没有宽高的。 我们来做个简单的布局 页面的最原始的效果,就给div加个边框： 为了能够让span的margin top和margin bottom生效，可以按照下面的做法：给span加一个display:inline block或者直接display:block 具体操作，随你自己。 还有一个就是，你想让文字居中，就可以借助line height，这个时候，就可以不需要 ...
2017-06-01 17:08 0 8516 推荐指数：
相关推荐
为什么行内元素不能设置margin-top/margin-bottom/padding-top/padding-bottom?
HTML 里的元素分为替换元素（replaced element）和非替换元素（non-replaced element）。- 替换元素是指用作为其他内容占位符的一个元素。最典型的就是img，它只是指 ...
margin-left:auto;margin-right:auto; 不起作用的原因
1. 是否添加 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下： <!DOCTYPE html ...
css 设置margin-top或margin-bottom失效不取作用的解决方法
http://www.manongjc.com/article/1263.html ...
行内元素为何不能设置margin-top、margin-bottom；padding-top、padding-bottom值
曾经学过的教程中写明：行内元素的特点有： 1、与其他元素在同一行 2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)不可 ...
css--div宽度设置为100%，设置属性margin-left和margin-right时出现的问题
宽度等于父元素的宽，margin-left有效，margin-right无效 .a{ width: 2 ...
关于margin-top失效
今天在写页面的时候发现margin-top失效，父元素与子元素之间距离为零。百思不得其解。 如图： 代码如下： 很明显元素main与container之间并没有margin的存在。 百度之后发现应该是两者之间的margin-top被折叠了，main的margin更大 ...
理解margin-left：-100%
最近看到三栏式布局，发现里面的margin-left: -100%;不太理解，这里记录一下 margin-left: -100%;是什么意思呢？意思就是向左移动整个屏幕的距离 但是在三栏式写法（其中一种）里面的盒子却是可以移动到上图的黑色区域的，这个原因是： 黑色区域和蓝色区域都加了 ...