На моем сайте у меня есть следующий макет:
outer-div with display: table
inner-div with display: table-row and width/height 100%
list-div with display: table-cell and width 25%
detail-div with display: table-cell and height 75%
Внутри списка-div есть ul с несколькими элементами li. В detail-div есть еще один div с шириной/высотой 100%. Вот как это выглядит в начале: http://puu.sh/5e1wo.png
Обратите внимание на верхнее поле элементов списка. Когда я нажимаю на один из проектов, идея состоит в том, чтобы добавить его описание (html-) внутри элемента detail-div. Хотя он работает, это странно также влияет на край элементов списка, как вы можете видеть на следующих снимках: http://puu.sh/5e1HI.png http://puu.sh/5e1Iq.png
Кажется, что элементы списка выровнены по содержимому в другом div, даже если их первый общий персонаж похож на 3 уровня выше. Есть ли способ избежать этого?
Откройте следующий встроенный элемент, используя webkit-triads, а затем перекрестите представление с тем, что хотите. он работает с хромом. У вас есть хром или нет?