刪除手風琴元素之間的填充

Question

我試圖刪除手風琴元素之間的填充。

使用例如：http://docs.sencha.com/extjs/4.2.1/#!/example/build/KitchenSink/ext-theme-neptune/#layout-accordion我能夠在左側，取出填充和右簡單地刪除：

.x-accordion-layout-ct { 
padding: 5px 5px 0; 
} 

編輯： 我已經成功地做到通過這部分代碼（添加這Ext.define ）：

bodyStyle: 'padding: 0', 

，但我不能元件之間除去填充：

我試圖擠壓一切，所以我想這些填充消失。

我非常希望得到的東西是這樣的：

如何通過代碼或CSS去除填充的休息嗎？

編輯：這是版本幾乎是完美的（感謝@大衛·托馬斯）：http://jsfiddle.net/cPQz9/

這是CSS我用：

.x-panel { 
    margin: 0; 
} 
.x-accordion-layout-ct { 
padding: 0; 
} 
.x-accordion-item:not(:last-child) { 
    border-bottom: 1px solid red; 
} 

，但我很擔心瀏覽器兼容性 - 上次選擇器可能無法在所有瀏覽器中使用。

Answer 1

我建議如下：

.x-panel { 
    margin: 0; 
} 

JS Fiddle demo，僅適用於Chrome 27/Windows XP中進行測試。