建立了一个测试页面，可以点击查看测是页面
1、这个页面左边是HTML代码，右边是演示效果。演示效果分为2份，你的代码和我修正过的代码。
2、它们的区别在这里，你的宽度忘了加px单位
3、在写样式的时候，一定要注意各种单位的区别。
扩展资料，常见CSS单位
% 百分比
in 英寸
cm 厘米
mm 毫米
em
1em 等于当前的字体尺寸。
2em 等于当前字体尺寸的两倍。
例如，如果某元素以 16px 显示，那么 2em 是32px。
在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
ex 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
pt 磅 (1 pt 等于 1/72 英寸)
pc 12 点活字 (1 pc 等于 12 点)
px 像素 (计算机屏幕上的一个点)
vw：（取值1-100），理解全屏幕宽为100vw，自适应屏幕。
Vh：（取值1-100），理解全屏幕高为100vh，自适应屏幕。
输入框的大小不知是指显示长度或最多能输入的字符数？如文本框可以这样控制：<input name="textfield" type="text" size="12" maxlength="6" />
其中，size="12"是设置文本框的显示长度为12个字符，而maxlength="6"是限制最多能输入6个字符。
试试。
