格對齊內容其他分區

在我的網站我有以下佈局：格對齊內容其他分區

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有與幾個li元素的UL。在detail-div中還有另一個寬度/高度爲100％的div。這是一張圖片，看起來如何： http://puu.sh/5e1wo.png

注意列表元素的上邊距。當我點擊其中一個項目時，這個想法是在detail-div元素中添加它的（html-）描述。雖然它的工作原理是奇怪也影響了列表元素的邊緣，你可以在接下來的圖片中看到：http://puu.sh/5e1HI.png http://puu.sh/5e1Iq.png

這在某種程度上似乎是列表元素在其他分區，即使他們的第一對準內容共同的協調員就像3層以上。有沒有辦法避免這種情況？

來源

2013-11-10 Muepe

使用webkit-triads打開下一個內聯元素，然後用你想要的交叉交叉視圖。它與鉻合作。你有沒有鉻？

來源

2013-11-10 08:49:05 user2957214

是的，我使用鉻，但我不知道你的意思是webkit黑社會。 – Muepe

您是否對webkit引擎有深入的瞭解以及它如何呈現網頁？ – user2957214

不，我不會這麼說。 – Muepe

格對齊內容其他分區

回答

相關問題