经常会遇到文本框以及文本域宽度100%自适应显示的情况,对于文本框或者文本域，光标最好距离左侧边缘有一定的间距。IE6+, Opera, Chrome, Safari浏览器都是显示很OK的；唯独FireFox火狐浏览器，其虽然宽度渲染正常，但是，光标的位置确是顶头的(与数值padding的显示完全

一、问题描述 我是流体布局控，经常会遇到文本框以及文本域宽度100%自适应显示的情况。 如下效果图： 在窄屏下，上面的文本框宽度也要跟着外部宽度变小。 难点对于文本框或者文本域，光标最好距离左侧边缘有一定的间距。因此，我们基本上都有类似下面的设置： 复制代码代码如下:input { padding-left: 10px; } 但是，如果只考虑文本框本身（父标签无其他特殊处理），这一套在流体环境下是行不通的，因为固定的padding数组无法让文本框永远100%自适应外部的宽度，至少非现代浏览器下是