2014-08-27 1 views
-1

В настоящее время я работаю над гибкой компоновкой, состоящей из двух элементов фиксированной ширины, расположенных через position: absolute и среднего элемента, который центрируется по margin: 0 auto. Оберточный элемент имеет padding: left и padding: right, чтобы отжать средний элемент от двух неподвижных элементов.Однострочное отзывчивое меню с запасом: 0 автоматическое и абсолютное положение

С правильной структурой HTML left, middle, right элемент right вставляется в следующую строку, потому что элемент middle является обычным блочным элементом.

Есть ли другой способ исправить это в CSS без изменения структуры HTML left, right, middle и по-прежнему использовать margin: 0 auto, чтобы центрировать средний элемент?

См JS бен для живой демонстрации: http://jsbin.com/kucohewoyole/2/

ответ

0

Ответ просто добавить top:0px к классу .right

Js Bin

+0

лечений. Я сосать. Думаю, я возьму выходной ... – wowpatrick

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