css стиль для установки минимальной ширины div else в соответствии с динамическим контентом

Question

Как установить минимальную ширину для div. Моя проблема заключается в том, что я динамически загружаю контент в div, когда он большой, а время мало.

если он маленький, то позади div становится невидимым, поэтому я хочу этого избежать. и установите div на минимум равным родительской высоте div или если контент больше, чем автоматический?

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

Would min-width:xxx; работа для вас?

Свойство min-width CSS используется для установки минимальной ширины заданного элемента . Это предотвращает использование значения значения ширины от , которое меньше значения, указанного для min-width.

См here для получения дополнительной информации

Answer 2

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 
} 

Примечание: Значение свойства мин-ширина перекрывает как максимальную ширину и ширину.