制作响应式面板

Question

JS FIDDLE DEMO

我试图遵循使用bootstrap创建仪表板的想法：

https://www.behance.net/gallery/6355085/dashboard-analytics

现在我已经here

了

但后来我意识到不同浏览器的面板高度并不相同。

在Firefox中：

在Chrome中：

如果我放大，它们就不再相邻了：

我必须添加一些代码以符合SO的规则：

#righthalfHorizontalPanel{
    width: 45.5%;
    margin:5px 8px 0px 0px;
    background-color:white;
    border:1px solid;
    min-height:290px;
    float:right;
}

Answer 1

添加如下的css代码：

#pBody{margin-left:105px; padding-right:8px;}
#halfHorizontalPanel{margin-left:0px; margin-right:0px;}
#lefthalfHorizontalPanel{margin:8px 0px; width:50%; }
#righthalfHorizontalPanel{margin:8px 0px; width:50%;}

http://jsfiddle.net/ettmujvg/17/