Question

如何设置div的最小宽度。我的问题是我在div中动态加载内容，有时它很大，有时则很小。

如果它很小，那么在div后面变得不可见，所以我想避免这种情况。并将div设置为最小值等于父div高度或者如果content大于auto ??

CSS ::

#middle_overlay
{

position:absolute;
/*border:2px solid #008080;
background-color:#CCCCCC;*/
background-image:url(../images/bg2.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
height:auto;
width:100%;
display:none;
}

Answer 1

min-width:xxx;会为你效力吗？

min-width CSS属性用于设置给定的最小宽度元件。它会阻止width属性的使用值变得小于为min-width指定的值。

有关详细信息，请参阅here

Answer 2

min-width - 这可以防止width属性的值小于min-width。 min-width:450px;或min-width:50em;

#middle_overlay
{
position:absolute;
/*border:2px solid #008080;
 background-color:#CCCCCC;*/
background-image:url(../images/bg2.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
height:auto;
width:100%;
display:none;
min-width:450px; //50em 
}

注意： min-width属性的值会覆盖max-width和width。

css样式根据动态内容设置div的最小宽度

2 个答案: