http://www.manongjc.com/article/1263.html ...

HTML 里的元素分为替换元素（replaced element）和非替换元素（non-replaced element）。- 替换元素是指用作为其他内容占位符的一个元素。最典型的就是img，它只是指向一个图像文件。以及大多数表单元素也是替换，例如input等。- 非替换元素是指内容包含在文档中 ...

首先，span是行内元素，是没有宽高的。 我们来做个简单的布局 页面的最原始的效果,就给div加个边框： 为了能够让span的margin-top和margin-bottom生效，可以按照下面的做法：给span加一个display:inline-block或者直接display ...

曾经学过的教程中写明：行内元素的特点有： 1、与其他元素在同一行 2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)不可 ...

今天在写页面的时候发现margin-top失效，父元素与子元素之间距离为零。百思不得其解。 如图： 代码如下： 很明显元素main与container之间并没有margin的存在。 百度之后发现应该是两者之间的margin-top被折叠了，main的margin更大 ...

在web网站开发中，有时候我们给html元素设置的margin-top或margin-bottom属性，但是无效，并没有取到任何作用,这是什么原因呢?常出现两种情况： 1、兄弟元素之间margin-top失效 先看下面代码： <div> <div class="box1 ...