HTML,浮动元素,设定margin:10px后,为什么效果走样?

有，你应该是在IE6里面出错了 IE6里面的边距是双倍的，所以你做的时候只要在加距离的地方复制下加条 _ 下斜杠然后距离减半就可以了。比如： margin-top:10px；这个是你设的值后面加个ie6识别_margin-top:5px；这样你的距离就兼容了，建议你去看下相关浏览器的兼容识别 ...

对div进行浮动处理，是“允许其他元素在同一行”的功能。main现在是块状元素，如果加上float：left，不要margin-left后，就能和灰色的并列显示，文字也会存在于本div内。如果想达到图中的效果，可以用position：relative ，left：-50px这样。遮背景是因为main是块状元素，side是浮动了。文字不属于块状元素...

第一个对象是相对父对象的，而第二个对象是相对第一个对象的，所以第二个对象在设置后不会出现问题。另外在一些特殊布局中，可能需要组合使用display:block;和display:inline;才能达到预期效果。当然最坏的情况下，我们就可以使用"margin:10px 0 0 10px;*margin:10px 0 0 10px;_margin:10px 0 0...

我把padding理解为“推”。就是把内容向指定的方向推出去多少像素！但是你设定大小了，它会把你的内容往同一个方向上挤出去10PX 。所以会多出10px。这只是我自己的想法！不是很专业，也不清楚 是否正确。但是我一直是这样理解的！希望能对你有帮助！

margin 能很好的控制元素之间的位置（例如，2个li之间空一些距离）修改padding，在box-sizing为border-box的情况下，不会影响其他元素的位置 修改margin，不会对元素本身内容的位置造成影响 通常来说，大多数html元素均为块级元素（块级元素的表现是：以新行开始或结束，例如p，在默认情况下，p是占一整...

默认情况下，html标签都有margin属性外边距，如果不设置0，会有间距不好看，为了清理这个默认的间距，所有需要给元素设置css属性margin:0 margin:0 为简写，意思是上下左右全部设置外边距为0，如果要设置右间距为10px，其它方向为0 可以这么设置 margin:0 10px 0 0 意思为 上外边距为0 右外边距...

margin:10px auto; 设置外边距，上下分别为10像素，左右自动；margin-bottom:35px; 设置下方的外边距为35像素；position:relative和position:absolute, 即常说的绝对定位，一般会在用一般的排版方法无法实现布局效果的时候使用，例如你用img标签插入一张图片后又想在图片上边写字就可以用绝对定位把包...

div {margin:10px 20px 30px 40px} 顺序是： 上边10，右20、 下30，左40

最简单的记忆的方法是：只要这个属性设置了宽度又设置了边距，就必须减去这10像素。因为一个完整的模块实际宽度是由它的你设置的宽度+内边距+外边距+边线，所以说假如你设置的宽度是他本来的实际宽度的话，如果你想加上内边距，外边距或者边线，你就必须从你设置的宽度里减去他们。当然你如果你在这个...

然后你还想给这个变成320的盒子加上margin 10px，相当于在320px盒子的外面四边加了10px，所以此时盒子就变成了320+10+10=340px。。。右边本来规定的只能是300px，你现在超出了40px ，所以只能缩减设置300宽度盒子的像素。所以用300-40=260px是正合适的。。。你想想 260px的盒子 加上margin 10px...