html – CSS – 100%宽度的输入重叠div

前端之家收集整理的这篇文章主要介绍了html – CSS – 100%宽度的输入重叠div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在修复一个带有填充,边框,带填充的div的常规输入框.但是,我希望输入的宽度为100%,但是您可以看到它的重叠.我该如何解决

CSS

#one {
    background:red;
    width:300px;
    padding:5px;
}
#two {
    width:100%;
    border:3px solid blue;
    padding:4px;
}

HTML

<div id="one"><input type="text" value="Test" id="two" /></div>​

解决方法

添加框大小:边框.否则,宽度为100%,加上边框和填充.

猜你在找的HTML相关文章