这篇博客主要探讨了在HTML/CSS布局中常见的问题，包括图片下间隙、IE8图片边框问题、文本框与按钮对不齐、IE6下的小高度问题以及浮动元素的双边距问题，并提供了相应的解决方案。
目录
图片下间隙问题
现象： 图片和包裹它的盒子下边框有一个默认的间隙
原因: 图片具有文本的特性(基线对齐特性 底边相当于文本的基线！ 图片间隙=文本的基线与
底线之间的距离)
解决办法:
1. 图片转换为块元素 display:block
2. 图片的垂直对齐方式 vertical-align:middle/top/bottom
3. 给图片的父盒子 + font-size:0;line-height:0;
ie8-图片边框问题
给图片样式加 border:none;解决
文本框和按钮对不齐现象
现象： 文本框和按钮盒子高度不一致 对不齐
原因： 文本框 height + border 外扩型盒子 按钮盒子 自动内减 不会外扩 height = (有效高度+border)
解决： 记住 按钮盒子height设置为文本框的盒模型高度！！！
<!DOCTYPE html>
<html lang
最低0.47元/天 解锁文章
扫一扫
1969
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
