引导程序3造型尝试不起作用

Question

以下是相关jsFiddle与完整的代码示例。

我想：

• 变化的页脚<hr/>但是我的造型规则似乎，不工作的颜色;和
• 找出原因，如果你打破了首页输出到全屏，出现的页面过于广泛，以及浏览器您呈现一个水平滚动条

我的CSS规则来上色<hr/>是：

hr { 
    color: rgb(255,0,0); 
} 

至于为什么页面太宽，我完全没有想法。任何想法为什么我在这里尝试不工作？

Answer 1

的hr标签使用属性border设置线...如果你需要更改颜色，然后使用：

边框顶部颜色

试试这个：

footer hr { 
    border-top-color:blue; 
} 

的DemoFiddle

而页面上的滚动条是因为你打破了页脚absolute position的布局。 http://jsfiddle.net/7j9q1ye4/2/

Answer 2

HR会覆盖整个Div，因此它取决于div的大小， 如果HR所在的div的宽度超过整个页面范围，那么HR将执行相同操作。它有可能是与其中HR是站在DIV