基础班常见问题汇总

行内元素换行产生的间隙怎么消除？

行内块元素之间的间隙怎么消除？

1. 不要换行
2. 设置父元素的font-size:0

注意：必须重新设置子元素的字体大小，否则子元素的文字会不显示

3. 将外边距设置为负值，如：margin-left:-3px

子盒子设置margin-top,父盒子也会随着掉下来

解决方法：

1. 修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用）
2. 为父元素添加overflow：hidden；样式即可（完美）
3. 为父元素或者子元素声明浮动（float：left；可用）
4. 为父元素添加border（border:1px solid transparent可用）
5. 为父元素或者子元素声明绝对定位

如果希望某一个div无论页面多宽时,都在页面中间或某个特定位置

使用定位

div{
  position:absolute/fixed;
  left:50%;
  margin-left:-自身的一半+想要的距离
}

行内元素拥有盒子模型么

答案是是的。没错，行内元素跟块级元素一样，同样拥有盒子模型。

行内元素的padding-top，padding-bottom和margin-top,margin-bottom是否无效

答案同样是是的。盒子模型的width，height和padding-top，padding-bottom和margin-top,margin-bottom设置都是无效的。
行内元素的padding-top，padding-bottom和margin-top,margin-bottom是真的是无效；不过要注意一点，对于竖直方向的内边距该行内元素的内容范围是增大了，不过只是表象，对周围元素无任何影响。