爲什麼我的div無法在Safari中水平對齊？

Question

好了，所以我目前使用下面的CSS水平對齊兩個div：

#main #pnl1   { float:left; margin-right:10px; } 
#main #pnl2   { float:left; padding-left:30px;} 

現在，這可能是一個愚蠢的問題，但上面的代碼工作在兩個FF和鉻...爲什麼不蘋果瀏覽器？我試着向他們添加「display：inline-block」，並在pnl2中添加了「float：right」，但都沒有工作。有任何想法嗎？

Answer 1

您是否定義了兩個div的寬度。這可能是一個問題。

試試這個：

#main #pnl1{float: left; margin-right: 10px; width: 49%;} 
#main #pnl2{float: left; padding-left: 30px; width: 49%;}