Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS DIV宽度100%覆盖DIV_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS DIV宽度100%覆盖DIV

Html CSS DIV宽度100%覆盖DIV

html css

Html CSS DIV宽度100%覆盖DIV,html,css,Html,Css,我有一个宽度为512px的DIV。然后在这个DIV里面是另一个DIV。我将这个DIV的宽度设置为100%。然而，这不是我想要的 我正在努力使它保持在div内。如在所有侧面的5px填充 只需将子元素的宽度设置为512-（2*5）像素（502），而不是100% 发生此问题是因为填充和边框不属于宽度：100% 假设您确实希望绝对定位#exp_wrap，请使用以下方法： 我删除了上的宽度：100%。bar\u wrap/\exp\u wrap，并添加了右侧：5px打开#exp_wrap 块元素（如div

我有一个宽度为512px的DIV。然后在这个DIV里面是另一个DIV。我将这个DIV的宽度设置为100%。然而，这不是我想要的

我正在努力使它保持在div内。如在所有侧面的5px填充

只需将子元素的宽度设置为512-（2*5）像素（502），而不是100%

发生此问题是因为
填充
和
边框
不属于
宽度：100%

假设您确实希望绝对定位
#exp_wrap
，请使用以下方法：

我删除了
上的
宽度：100%
。bar\u wrap
/
\exp\u wrap
，并添加了
右侧：5px打开
#exp_wrap

块元素（如
div
）默认为
width:auto
，并占用全部可用水平空间。这类似于
width:100%
的工作方式，不同的是
padding
和
border
在
width:auto
中计数

如果不需要绝对定位
#exp_wrap
，请使用以下方法：


我再次移除了
上的
宽度：100%
；顶部：5px；左：5px带
边距：5px。我还将
溢出：隐藏
添加到
.container
，以避免折叠边距。
链接不再可用！我讨厌jsfiddle。@AmirA.Shabani：这可能就是原因。我没有删除任何东西，因此我只能假设JSFIDLE用户“weka”（问题OP，原始演示的创建者）删除了他的基本演示，因此我的更新也由于该错误而被删除。幸运的是，我的答案包含了足够多的文本描述，希望它仍然有用，如果有要点的话，可以删除
width:100%
。