css - 为什么我的 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%;}