a 与 b 都是 inline-block且高与父元素 c 相同均为 30px,而在a加上 overflow:hidden; 会使 a 的底线与整个父元素 c 的 text baseline 对齐,相当于 c 中的文本获得了两倍的空间,整个 c 的 高度变大,仔细观察例子不难发现,a 中字符的底线与 b 中的字符的顶线对齐了, 解决办法 .a, .b { width:48%; height:30px; line-height:30px; display:inline-block; vertica…
在网页布局中有时会遇到这种情况: 如果左边用<dt>,右边用<dd>,放在一行显示,<dt>要设置float:left,这个应该都知道,问题是,第一行这样做没有问题,可是第二行就有问题了,代码如下: css: ;;} body #menu{margin-left: 8px;margin-top: 8px;border: 1px solid grey;width: 490px;} body div dl{margin:7px 0;} body div dl a{text-…
