我试图制作页脚,但左侧和右侧显示一些空白区域.如何删除空白区域?
这是我的代码:
<html> <head> <style> footer { background: none repeat scroll 0% 0% #DFDFDE; padding: 120px 0px; text-align: center; position: relative; } .divider { background: url('http://evablackdesign.com/wp-content/themes/ebd/images/footer-border.png') repeat-x scroll center center transparent; height: 7px; width: 100%; position: absolute; top: -6px; } .container { width: 930px; margin: 0px auto; } </style> </head> <body> <footer> <div class="divider"></div> <div class="container"> <h1>hiiiiiiiii</h1> <br> <h2>buyyyyyyyyyyyy</h2> </div> </footer> </body> </html>
标签定义文档或部分的页脚.
元素应包含有关其包含元素的信息.
解决方法
正文有一个默认的边距.删除它:
html,body { margin:0; padding:0; }