qq_43402051的博客

我们在这里列举几个常用方法，用ul来做例子里的父元素。为父元素添加高度ul{ height: 100px;}缺点：高度不相同时可能会溢出父元素。让父元素浮动ul{ float:left;}缺点：会让父元素也脱离文档流产生坍塌。溢出隐藏ul{ overflow:hidden/auto}缺点：如果子元素使用定位或外边距等方法超出该元素时会被隐藏。...

什么是幽灵空白：在HTML中的一个元素是行内块时，会出现一个空白间距的情况，如下图所示，由于白色不明显我们这里用蓝色来代替白色背景。这个幽灵空白看起来令人很难受，我们也通常不需要这个幽灵空白，他会使页面的整体变高破坏原来的结构，所以接下来我们要解决这个问题。思路：幽灵空白只存在于行内块，所以只要该元素不是行内块就不会存在这种情况。解决方案：改变显示方式设置字体大小img{ /*将行内块元素改为块级元素*/ display:block; /*字体大小设置为0*/