为什么我的div在Safari中不能水平对齐？

Question

好的，所以我目前正在使用以下CSS水平对齐两个div：

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

现在，这可能是一个愚蠢的问题，但上面的代码适用于FF和Chrome ......为什么不是Safari？我尝试向他们添加“display：inline-block”并将“float：right”添加到pnl2，但都没有奏效。有任何想法吗？

Answer 1

你定义了两个div的宽度吗？这可能是个问题。

试试这个：

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