Как я сохраняю плавания CSS в одной строке?
5 ответов
Оберните свое плавание <div> с в контейнере <div>, который использует этот взлом минимальной ширины перекрестного браузера:
.minwidth { min-width:100px; width: auto !important; width: 100px; }
Вы можете также потребность установить "переполнение", но вероятно нет.
Это работает потому что:
-
!importantобъявление, объединенное сmin-widthпричина все для пребывания на той же строке в IE7 + - , IE6 не реализует
min-width, но это имеет ошибку, таким образом чтоwidth: 100pxпереопределения!importantобъявление, заставляя контейнерную ширину быть 100 пкс.
Решение 1:
display:table-ячейка (не широко поддерживаемый)
Решение 2:
таблицы
(я ненавижу взломы.)
Другая опция: не пускайте в ход свой правый столбец; просто дайте ему левое поле для перемещения его вне плавания. Вам будет нужен взлом или два для фиксации IE6, но это - основная идея.
Вы уверены, что пустил в ход элементы блочного уровня, лучшее решение к этой проблеме?
Часто с трудностями с CSS, по моему опыту, оказывается, что причина, я не вижу способ сделать вещь, которую я хочу, то, что я поймал в узости взглядов относительно моей разметки (думающий, "как я могу сделать эти , элементы делают это ?") вместо того, чтобы возвратиться и посмотреть на то, что точно это, я должен достигнуть и возможно переделка моего HTML немного для упрощения этого.
Я бы рекомендовал использовать таблицы для решения этой проблемы. У меня аналогичная проблема, и пока таблица используется только для отображения некоторых данных, а не для макета главной страницы, все в порядке.