CSS中的三个横条纹

Question

我创建了三条水平条纹来创建一个扩展标记，该标记将在我的页面顶部运行：

CSS

#main1 div{
width: auto;
height: 20px;
margin: 0px

HTML

<div id="main1">
<div style="background-color:red;"></div>
<div style="background-color:blue;"></div>
<div style="background-color:orange;"></div>

如何让它坚持到浏览器的边缘？ （如左右或上方没有间隙）

还有更容易/更好的方法我可以做到这一点 请记住，我非常喜欢新手

非常感谢您的帮助！ 感谢

Answer 1

从margin和padding元素中删除所有html和body，然后使用一个div作为背景<{1}} < / p>

示例：http://codepen.io/anon/pen/rOxEgJ

linear-gradient