gpt4 book ai didi

css - DIV问题的总宽度

转载 作者:太空宇宙 更新时间:2023-11-04 05:32:48 27 4
gpt4 key购买 nike

我有一个 DIV 部分,想在各种上下文中将其用作“组件”。对于“组件”,我的意思是它会自动包含在 HTML 页面的某些无法预见的地方。

DIV 部分所需的行为是它的宽度应始终为 100%,这意味着它应该完全填满父级。出现问题是因为 DIV 的总宽度是内部宽度 + 填充 + 边距的总和。我的 DIV 部分的填充是:


左填充:10px;
向右填充:10px;

问题是:当我不知道父级的宽度但又想为 100% 时,应该如何设置 DIV 部分的宽度?没有像 100% - 2 * 10px 这样的东西......

对于这种布局问题,我最好不要使用 javascript 或 JQuery。

提前致谢,
兹拉特科

最佳答案

嵌套 Div 怎么样?

<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>

希望这对您有所帮助。

关于css - DIV问题的总宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2146521/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com