清除浮动.clearfix:after{ content:”.”; display:block; height:0; clear:both; visibility:hidden; }清除margin溢出问题.overflow:before{content: ".";display: block;height: 0;visibility: hidden;} 原文：http://www.cnblogs.com/duanyue/p/7307878.html
原文：http://www.cnblogs.com/1111duguxiaoyu/p/6225266.html
之前在使用经常遇到下面的问题：html：1<div class="top">2<div class="one">I‘m the first!</div>3<div class="two">I‘m the second!</div>4</div>css： .one{width: 100px;height: 100px;background: red;margin-top:20px;}.two{width:100px;height:100px;background:blue;}.top{width:200px;height:300px;background:gray;} 显示结果：.one与.top之间并没有实现margin-top的效果，这个问题发生的原因是根据规范，一...
XAML中 Margin:左 上 右 下 CSS中 Margin:上
右 下 左原文：http://www.cnblogs.com/leavind/p/3718277.html
给所有div加上边框=10px之后，再给所有div设置margin-left与margin-top;以及浮动（float:left）因此时需要鼠标悬停效果：所以设置给div设置伪类:hover,然因浮动脱离了标准流。所以覆盖了div的边框,所以鼠标悬停时div边框显示不全设置定位（position:releative;）之后；经测验：在html中的层级关系为；标准流<浮动流<定位；所以现在鼠标悬停时div所有的边框都会显示，可以模仿淘宝案例等；<!DOCTYPE html>
<html lang="en">
<head><...
一般在将div居中显示时，使用css： divX {margin:0 auto;} 此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下： <div id="cnbruce">margin: 0 auto 看看内容居中否</div> 如上调试结果，IE6.0是不居中的，当然解决的办法可以是对网页主体“<body>”声明文本居中，即 复制代码代码如下:<style> body{text-align:center} #cnbruce{width:500px; background-color: #ccc; margin: 0 auto} </style> <div id="cnbruce">ma...
css007 margin padding border1、理解盒模型（盒模型：就是把一些东西，包括html各种标签都包含在一个看不见的盒子里） 1/在web浏览器中任何标签都是一个盒子，内容的周围环绕着装饰盒子的不同属性 Pad ding：内容和其框线之间的距离 Margin：一个标签和另一个标签之间的距离 Border：盒子周边的直线 Background-color：填充边框内部空间的间隔 2、用margin和padding控制空间 （margin控制盒子外部和其他元素...
如下代码：<div style=" width:1000px; height:700px; margin:auto;"><div style=" width:1000px; height:49px; margin-top:281px; "><span style="display:inline-block; width:121px; height:49px; margin-left:230px;"><a href="#"><img name="r2_c2" src="shc.png" width="121" height="49" border="0" id="btn1" alt=""/></a></span></div></div> 会发现，内层div的margin-top显示在了外层div上。 这个“问题”……它是...
<!DOCTYPEHTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <metaname=""content=""> <style> *{ margin:0px; padding:0px; } #no1{ background:#808000; width:300px; height:300px; margin:100px 0 0 100px; } #no2{ background:#c0c0c0; width:150px; height:150px; margin-left:20px; margin-top:30px; } </style> </head> ...
在CSS中加了margin:0px auto;却没有效果，不能实现居中的问题！margin:0px auto;意思就是：上下边界为0，左右根据宽度自适应！就是水平居中的意思.无效的原因是，当你没有设置width时，解释器不知道你的宽度，当然就不会居中，就会到左边去，所以设置width就好了。原文：http://blog.csdn.net/liang5630/article/details/39030799
由于在页面的任何地方嵌套一个div，对原来的页面不会产生任何的影响，这就是父子重叠产生的原因 margin：auto 用来分配剩余空间的大小的，只有在默认的时候能够填充满才能进行分配，如下就不能垂直居中 原文：http://www.cnblogs.com/xiedashuaige/p/7801009.html
4参：上 右 下 左margin:10px 5px 15px 20px;3参：上 右 下margin:10px 5px 15px;2参：上下 左右margin:10px 5px;原文：https://www.cnblogs.com/sylys/p/12074654.html
1、运用css3的nth-child(3n):<!DOCTYPE html><html><head><meta charset="UTF-8"><title>demo</title><style>*{margin:0;padding:0}.box{width:620px;padding:10px;background:#bbb;border:1px solid #f00;margin:0 auto;}.box ul{overflow:hidden;}.box ul li{list-style:none;width:200px;height:100px;background:#fff;float:left;margin-right:10px;margin-bottom:10px;}.box ul li:nth-child(3n){margin-right:0;}</style></h...
1.margin是什么？ margin用于控制元素周围空间的间隔，从视觉上达到空间间隔的目的。相对于前一个元素有相应的外边距。用于隔开元素与元素的。始终是透明的。 2.外边距的合并问题（参见w3school）---前提：元素出于文档流中 2.1 两个垂直外边距相遇时，在垂直方向上会发生外边距的叠加，最终的外边距等于二者的较大值； 2.2 当一个元素（没有边框和内边距）包含另外一个元素时，将在垂直方向上发生叠加； 2.3 当一个元素为空元素时...
转载自 http://www.cnblogs.com/zhuzhenwei918/p/6124263.html深入理解css中的margin属性 之前我一直认为margin属性是一个非常简单的属性，但是最近做项目时遇到了一些问题，才发现margin属性还是有一些“坑”的，下面我会介绍margin的基本知识以及那些“坑”。这篇博文主要分为以下几个部分：margin--基础知识margin--在同级元素（非父子关系）之间应用margin--在父元素和子元素之间应用（重点）margin--margin值的单位为%时的...