CSS: плавает «сбой» в «случайных» интервалах

Question

Я создал сайт, который имеет мало кнопок для входа и выхода в верхнем правом углу. Внутри div «header_content» у меня есть еще один div с «float: right» (чтобы держать его в верхнем правом углу), и внутри этого div у меня есть ссылка со ссылкой и форма с кнопкой. У одного есть float: правый и другой float: left (чтобы держать их в очереди).

Обычно все работает нормально, но по какой-то странной причине иногда поплавки вылетают, а вторая линия «падает». После обновления страницы все идет в норму, пока не произойдет крах (на самом деле это не так часто, но все равно раздражает)

Так же эта проблема на основе браузера (я использую Chrome), или это потому, что я должен многие «вложенные» поплавки или что-то еще?

EDIT:

Я думаю, у меня есть немного больше поплавков, что я подумал: D Вот код, надеюсь, вы получите картину ... (тот, кто продолжает падать вниз форма с кнопкой и id = right)

<div id="header"> 
    <div id="header_banner"> 
    .... smt 
    </div> 
    <div id="header_content"> 
    <div id="outer_left"> 
     ..... smt 
    </div> 
    <div id="outer_right"> 
     <li> 
      <a id="left" href="........."></a> 
      <form id="right" method="post" action="">        
       <div> 
        ...... 
        <button type="submit" value="value"></button> 
       </div> 
      </form> 
     </li> 
    </div> 
    </div> 
</div> 



#header_banner, #outer_left, #left { 
float: left; 
..... 
} 

#outer_right, #outer_right li, #right { 
float: right; 
..... 
} 

Answer 1

Ваши поплавки спорят друг с другом. Если вы хотите, чтобы элементы, чтобы быть «в линию», вы могли бы сделать что-то с «дисплей: встроенный блок»

div.right 
{ 
    white-space: nowrap; 
} 

div.right ul li 
{ 
    display: inline-block; 
} 

Answer 2

С из примера, я предлагаю вам поплавка оставил две ссылки, которые вы пытаетесь «держать в очереди". Убедитесь, что их ширина в сочетании с заполнением и полями не превышает ширину оберточного элемента.

Answer 3

Ну, если дисплей изменится для перезагрузки, перезагрузите, существует ли вероятность изменения содержимого? Даже невидимый символ пространства или граница могут занимать слишком много места, чтобы контейнер был слишком мал, чтобы плавать в линию. Вы пытались увеличить контейнер, скажем, 50px и проверить, продолжает ли поведение?