Html 100%宽度div'；s和form元素+；衬料
我该怎么做才能防止以下拉伸超过100%？很明显，它会拉伸到100%，然后添加填充物。。。谢谢Html 100%宽度div'；s和form元素+；衬料,html,css,xhtml,Html,Css,Xhtml,我该怎么做才能防止以下拉伸超过100%？很明显，它会拉伸到100%，然后添加填充物。。。谢谢 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head&
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css" media="screen">
#box {
width: 100%;
padding: 20px;
border: 1px solid #000;
}
#box input {
width: 100%;
padding: 5px;
}
</style>
</head>
<body>
<div id="box">
<form>
<input type="text" value="" />
</form>
</div>
</body>
</html>
#盒子{
宽度：100%；
填充：20px；
边框：1px实心#000；
}
#框输入{
宽度：100%；
填充物：5px；
}
表单填充：20px对它的声明
#box {
width: 100%;
border: 1px solid #000;
}
form {
padding: 20px;
}
创建一个新的表单
规则并移动填充：20px对它的声明
#box {
width: 100%;
border: 1px solid #000;
}
form {
padding: 20px;
}
div上的宽度：100%
完全没有必要。Div是块级元素，可自动扩展到其容器的100%。从div声明中删除width:100%
，填充将包含在父容器中，没有滚动或扩展宽度
不要使用负边距，这只是增加了一个黑客来实现一些简单的东西
一般来说，你可以使用这个规则：你几乎不必把width:100%
放在div上（我想不出为什么你会这样做，除非它是内联显示的或其他什么），因为如上所述，块级元素总是扩展到其容器的100%
编辑：建议在内联显示的div上设置100%的宽度是愚蠢的，因为您无法在内联元素上设置尺寸您在div上的宽度：100%
完全没有必要。Div是块级元素，可自动扩展到其容器的100%。从div声明中删除width:100%
，填充将包含在父容器中，没有滚动或扩展宽度
不要使用负边距，这只是增加了一个黑客来实现一些简单的东西
一般来说，你可以使用这个规则：你几乎不必把width:100%
放在div上（我想不出为什么你会这样做，除非它是内联显示的或其他什么），因为如上所述，块级元素总是扩展到其容器的100%
编辑：建议在内联显示的div上设置100%的宽度是愚蠢的，因为不能在内联元素上设置尺寸