Javascript css宽度（以百分比表示）不工作

我正在尝试实现两列布局页面，正文宽度为100%，一列宽度为30%，另一列宽度为70%。但第二列[宽度：70%]不起作用

HTML:

jQuery

$(function () {
        var width = $(document).width()+"px";
        var height = $(document).height()+"px";
        $('body').css({'width': width, 'height': height});
    })​

这是你的电话号码。当我尝试第二列的69%时，它正在显示，但没有覆盖屏幕。如何使列的30%和70%都覆盖屏幕

全屏JSFIDLE：

---

谢谢

这是因为

上的5px左边框。提供地图

。由于采用了长方体模型，这使得

.offer map的实际宽度为70%+5px

一种解决方案是将框大小更改为
边框框
，例如

.offer-map {
    box-sizing: border-box;
}

尽管浏览器支持有所不同。看

另一个选择是用负的右边距偏移左边框，例如

.offer-map {
    margin-right: -5px;
}

请参见
这是因为
上的5px左边框。提供地图
。由于采用了长方体模型，这使得
.offer map的实际宽度为70%+5px

一种解决方案是将框大小更改为
边框框
，例如

.offer-map {
    box-sizing: border-box;
}

尽管浏览器支持有所不同。看

另一个选择是用负的右边距偏移左边框，例如

.offer-map {
    margin-right: -5px;
}

请参见
简单地说，问题源于
.offer map
的左边框为5px

下面是一个简单地使用包含div的解决方案，以实现所需的效果

简单地说，问题源于
.offer map
的
左边框为5px

下面是一个简单地使用包含div的解决方案，以实现所需的效果