我有以下CSS:
html, body{width:100%;margin:0;padding:0;}
和
#wrap{margin: 0 auto;width:100%;}
但是,当我加载页面时,我可以使用水平滚动条在浏览器右侧看到一个白色边框。我在我的身体和包裹周围添加了一个边框,它围绕着我的内容,但它不“包括”白色边框。这是为什么?我想删除这个烦人的错误。
编辑:我发现了问题。我有以下内容:
<div class="section" id="home">
<ul class="arrows">
<li><a href="#test"><img class="arrows" src="/Content/arrows.png" alt="" /></a></li>
</ul>
</div>
我的 CSS 是:
#home ul.arrows{list-style-type:none;width:100%;position:absolute;bottom:40px;border:2px solid blue;}
#home img{width:34px;height:35px;display:none;border-style:none;}
所以它占用了太多空间。如何在不使用宽度:100% 的情况下使图像居中?