DIV问题的总宽度
[英]Total width of DIV problem
问题描述
我有一个DIV部分，希望在各种情况下将其用作“组件”。 对于“组件”，我的意思是它将被自动包含在无法预见的HTML页面的某些位置。
DIV部分的必要行为是其宽度应始终为100％，这意味着它应完全填充父对象。 由于DIV的总宽度是内部宽度+填充+边距的总和，因此出现了问题。 我在DIV部分的填充为：
padding-left: 10px; padding-right: 10px;
问题是：当我不知道父项的宽度但想成为100％时，应该如何设置DIV部分的宽度？ 没有类似100％-2 * 10px的东西...
最好，我不会将javascript或JQuery用于此类布局问题。
提前致谢，
兹拉特科
4 个解决方案
解决方案1
1 2010-01-27 11:50:17
如何嵌套Divs？
<html>
<head>
<title>Div Test</title>
</head>
<body>
<div class='outerDiv' style=' background-color: red;margin: 0px; padding: 0px 10px;'>
<div class='innerDiv' style='width: 100%; background-color: yellow; margin: 0px; padding: 0px;'>
Whatever
</div>
</div>
</body>
</html>
希望这可以帮助。
解决方案2
1 2010-01-27 11:53:00
将宽度保留为auto 。 除非您要像使它浮动那样修饰它的显示（鉴于您要达到的目标，否则不应该这样做），否则它将导致宽度使用剩余的空间。
解决方案3
0 2010-01-27 11:53:08
这就是box-sizing属性的用途。 请参阅本指南 。
解决方案4
0 2010-01-27 12:20:18
您可以从组件中删除填充，这将直接解决您的问题。 但是，我假设您出于某些原因不会/不能这样做。 因此，如果组件div始终位于父div内，那么如何将父div的溢出设置为隐藏。 只需将其添加到父元素CSS：
.parent {overflow: hidden;}
现在，任何隐藏在父级上的内容都应该被隐藏。
div宽度到总表行
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.