在我的jsp文件中，我有一个div元素的宽度是由JavaBean的值决定的。基本上它被用来填充一个条形图。有时候这些值大于100，所以宽度变成了300%（例如），就超出了父元素的边界。
我需要知道如何限制子div的宽度，以使其不超出父元素的边界。
谢谢。
我需要知道如何限制子div的宽度，以使其不超出父元素的边界。
谢谢。
3个回答
6
我刚刚结合之前的回复，成功地解决了我的问题。
在我的情况下，我不想硬编码任何像素值，而是希望子元素可以自适应父元素的宽度。
用于父元素的样式为overflow: hidden;，而子元素的样式为width: 100% !important;
同时发现，子元素不必直接位于父元素下，也能实现这个效果。记录一下，我的父元素是Flex容器，使用的样式为flex-basis: 66%;，在弹性盒子概念中，这相当于相对宽度。
- Joseph Kesisoglou
3
请将以下CSS应用于父div：
overflow: hidden;
或者您可以尝试在子div上使用CSS的max-width属性。
- Merlin Denker
0
您可以在子div上使用width:100% !important。这意味着它只会填充父div的空间。
或者，您也可以采用max-width和min-width的概念。
- Ankur Aggarwal
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接