Есть ли отрицательная проблема, если мы используем `overflow: hidden`, чтобы очистить float? - PullRequest
0 голосов
/ 19 ноября 2009

Есть ли отрицательная проблема, если мы используем overflow:hidden для очистки float. это кросс-браузер совместимый IE 6, 7, Firefox, Safai и т. д.?

Достаточно ли overflow:hidden или нам нужно добавить Zoom:1, чтобы сделать его совместимым с IE?

Является ли этот способ лучше, чем .clearfix, для обеспечения кросс-браузерной совместимости?

1 Ответ

1 голос
/ 19 ноября 2009

Здесь представлен довольно полный список методов очистки с плавающей точкой:

Как вы удерживаете родителей всплывающих элементов от разрушения?

Я лично использую технику "плавающий родитель" исключительно. Он работает во всех распространенных браузерах (IE6 +, Firefox, Safari и т. Д.) И кажется «наименее грязным» из всех возможных методов.

Редактировать для комментария :

Это должно сработать, если я вас правильно понимаю:

#main {
     width: 900px;
     position: absolute;
     left: 50%;
     margin-left: -450px;
}

#col1, #col2, #col3 {
     float: left;
     width: 300px;
}

<body>
     <div id="main">
          <div id="col1"></div>
          <div id="col2"></div>
          <div id="col3"></div>
     </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...