Это странная проблема CSS, что яЯ надеюсь, что кто-то может пролить свет на ... Я

я использую Twitter Bootstrap и яЯ вижу очень странное поведение с плавающей точкой У меня есть правый плавающий div и форма по горизонтали в основном контенте. Второе поле формы, по-видимому, очищается под плавающим div без веской причины. Проходя через все элементы HTML и объявления CSS это 'Странное свойство, вызывающее это. Я сократил его до одного объявления CSS:

 .control-group::before, .form-horizontal .control-group::after {
   display: table;
   content: "";
   line-height: 0;
 }

В частности, содержание: ""; Если вы отключите это одно объявление, оно всплывает с первым полем, и все хорошо.

Я создал скрипку JS, чтобы продемонстрировать:http://jsfiddle.net/whiteatom/UJ89p/1/embedded/result/

С исходным кодом:http://jsfiddle.net/whiteatom/UJ89p/1/

Это по замыслу? W3 спец? Это относится только к некоторым браузерам (протестировано в Chrome, Safari и FF на MacOS)? Что команда Bootstrap пытается выполнить с помощью этого свойства пустой строки? Могу ли я переопределить его без редактирования загрузочных CSS-файлов?

Ура,