IE думает, что float initial плавает влево?

У меня есть следующий HTML:IE думает, что float initial плавает влево?

<div class="cleanContainer"> 
    <div style="height:80px">test</div> 
</div>

И это CSS:

.cleanContainer 
{ 
    float:      left; 
    padding:     7px; 
    background-color:   #ffffff; 
    width:      786px; 
    -moz-border-radius:   2px 2px 2px 2px; 
    -webkit-border-radius:  2px 2px 2px 2px; 
    border-radius:    2px 2px 2px 2px; 
}

Затем я получил @media экран CSS файл, в котором я получил это:

.cleanContainer 
{ 
    float:      initial; 
    padding:     3px; 
    width:      auto; 
}

Это прекрасно работает в Chrome поплавок установлен равным нулю и будет занимать всю ширину. В IE он будет установлен как float: left, и это не годится для дизайна?

Как это решить?

EDIT: вот пример: http://jsfiddle.net/snowman/ahCga/2/

источник

2013-09-29 Banshee

Почему вы не используете 'float: none' вместо этого? – avrahamcool

Я не думаю, что когда-либо видел «float: initial». Это допустимое значение для 'float'? – SombreErmine

«initial» не является допустимым значением поплавка. Что вы ожидаете от этого? – JJJ

@Alochi нашли начальное значение на http://www.w3.org/TR/css3-values/#common-keywords так что ОП не было неправильно с точки зрения, но это еще не реализована для всех браузеров.

Так,

Использование float: none; вместо float: initial;

Там нет такого значения для поплавочной собственности пока совместимы. See here

Description 
-------------------------------------------------------------------- 
Values   | left | right  |  none | inherit 
-------------------------------------------------------------------- 
Initial value  | none 
-------------------------------------------------------------------- 
Applies to  | All element 
-------------------------------------------------------------------- 
Inherited   | No 
--------------------------------------------------------------------

Значения задаются w3.org:

покинул

Элемент генерирует бокс блока, который перемещается влево. Содержимое перемещается в правой части окна, начиная сверху.

право

Подобно «влево», за исключением того, коробка поплыл вправо, а содержимое обтекает по левой стороне коробки, начиная с самого верха.

ни

Коробка не плавали.

унаследуют

принимает такое же заданное значение, что и свойство родительского элемента.

источник

2013-09-29 08:55:02

http://www.w3.org/TR/css3-values/#common-keywords – Alohci

хорошая находка, но вы заметили, что это значение CSS. Значения и единицы измерения Уровень 3 –

Конечно. Я знал, что это где-то в CSS3, но мне пришлось рыться в различных спецификациях CSS3, чтобы узнать, какой из них. – Alohci

Как я уже говорил в моем комментарий ..

вы можете увидеть here что float как none в качестве начального значения. и доступные варианты

поплавок: левый
поплавок: правый
поплавок: нет
поплавок: унаследовать

поэтому используйте float: none вместо float:initial

Chrome работает только потому, что ГЭС пытается быть с тобой красивым .. :)

источник

2013-09-29 08:56:08 avrahamcool

Использование

.cleanContainer 
{ 
    float:none; 
    padding:3px; 
    width:auto; 
}

Там нет «Поплавок: начальное» в спецификации CSS, «начальное» означает состояние по умолчанию, который не является «ни один».

источник

2013-09-29 08:57:54 kost

IE думает, что float initial плавает влево?

ответ

Смежные вопросы