Ошибка CSS IE с двумя div в одной строке

Question

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

<div style="float: left; margin-right: 10px; "> 

</div> 

<div style="overflow: hidden;"> 

</div> 

Но, как обычно, когда я тестировал страницу с IE 9, правый div находился уже под левой.

Может кто-то пожалуйста, помогите мне здесь, спасибо,

Answer 1

вы также float другой div

<div style="float: left; margin-right: 10px; "> 

</div> 

<div style="float:right; overflow: hidden;"> 

</div> 

=================== ======================================= >>>

UPDATE

HTML

<div class="marginRight"></div> 
<div></div> 

CSS

div { 
    float:left; 
    border:1px solid red; 
    width:45%; 
    height:100px; 
} 
.marginRight {margin-right: 10px;} 

РАБОТА DEMO

Answer 2

Либо добавить "float:right "в вашем втором DIV или добавить "width:XXpx" в свои первые дела.

Answer 3

Заверните с другой DIV

<div> 
    <div style="float: left; margin-right: 10px; "> 

    </div> 

    <div style="float:right; overflow: hidden;"> 

    </div> 
</div> 

Answer 4

он работает нормально

если вы хотите больше настройки

<div style="display:table-row;"> 
<div style="width:49%; margin-right:2%; height:100px; float:left; display:table-cell;"> any thing you wanted </div> 
<div style="width:49%; height:100px; float:left; display:table-cell;"> any thing you wanted </div> 
</div> 

Answer 5

использовать контейнер DIV и установить две дивы в либо% от общей ширины, либо всего числа страниц страницы.

#containerdiv { 
width:100%; 
overflow:hidden; 
} 
#leftdiv { 
width:20%; 
overflow:hidden; 
float:left; 
#rightdiv { 
width:80%; 
overflow:hidden; 
float:left; 
} 


<div id="containerdiv"> 
<div id="leftdiv"> TEST </div> 
<div id="rightdiv"> TEST </div> 
</div> 

Помните, что если вы используете полей и отступов вам необходимо будет корректировать проценты или пиксели для того, чтобы выстроить в следующем. Например, . Если вы добавите отступы на 1% в левый div, он переместит правый div на вторую строку, так как теперь у вас в общей сложности 101% от ширины div контейнера.