1. дома
  2. Вопрос и ответ
  3. CSS - Float & Resize Windows

CSS - Float & Resize Windows

2011-01-05 4 views
0

У меня есть два div на странице, и один из них плавает справа. Я установил минимальную ширину в div, которая не плавает. Когда я уменьшаю окно браузера, плавающий div по-прежнему атакует не-плавающий div как ожидаемый, но продолжает минус-ширину и начинает выталкивать весь текст в не-плавающий div вниз. Как я могу остановить плавающий div от перехода от определенной точки? Я привел пример кода ниже.CSS - Float & Resize Windows

<html> 
<head> 
<style type="text/css"> 

#one 
{ 
    border: 1px red dotted; 
    margin-right: 500px; 
    min-width: 250px; 
} 

#two 
{ 
    border: 1px red dotted; 
    float: right; 
    width: 450px; 
} 

</style> 
</head> 

<div id="container"> 

<div id="two"> 
    This is a floating div. 
</div> 

<div id="one"> 
    This div is not floating and has a whole bunch of text inside of it. 
</div> 

</div> 
</html>

источник

2011-01-05 Chris Jelly

ответ

2

А, мне удалось разобраться! Я также устанавливаю минимальную ширину в div контейнера, а плавающий div останавливается, когда окно браузера достигает минимальной ширины этого контейнера div.

источник

2011-01-05 05:56:48

1

сделать обертку <div>:

<div id="wrap"> 
    <div id="list_events"></div> 
    <div id="right_content"></div> 
</div>

затем сделать это:

#wrap { 
    min-width: 600px; 
}

Установка min-width будет делать это.

источник

2012-09-20 18:22:59 James

Смежные вопросы

 Смежные вопросы