使用JQuery使div成为屏幕的宽度？

Question

我正在制作一个平面设计的UI网站，我需要一个完全延伸到浏览器窗口左右两侧的div。

我已经看到了使用JQuery的答案，并且它已经完成了一半。只有div的右侧与窗口的右侧相遇，左侧有一个间隙。

我不想使用＆＃34; left＆＃34;或＆＃34;对＆＃34;自设置＆＃34;位置＆＃34;以来的CSS属性绝对或固定会弄乱页面流。

感谢。

Answer 1

添加以下内容：

html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
}

这里你的小提琴修复：https://jsfiddle.net/L0bnzmmo/1/

将body和html的高度设置为100％并删除默认情况下出现的填充和边距

编辑：有很多css libarys可以用来删除这个“似乎是假的”默认行为。 http://purecss.io/就是一个例子。