我有一个导航栏,我想将其扩展到浏览器的整个宽度。是否可以仅拉伸(stretch)此 div 的顶部、右侧和左侧,以便它们接触浏览器的两侧? 这是我现在的代码: HTML:
<div class="navigation">
<ul>
<a href="index.html"><li>Home</a></li>
<a href="about.html"><li>About</a></li>
<a href="contact.html"><li>Contact</a></li>
</ul>
CSS:
.navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #B4ABAB;
width: 100%;
box-shadow: 3px 3px 2.5px grey;
}
.navigation li {
float: left;
}
.navigation li a {
display: block;
color: #000;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 25px;
}
我已经尝试了 background-size 属性并将其设置为 100%,但它没有任何效果,而且我无法用它来编辑各个面。我也试过 verticle-align: middle;但是,它也不起作用。有什么建议吗?谢谢!
最佳答案
您需要设置 html 和 body 标签以反射(reflect)您希望边距为 0。
body,
html {
margin: 0;
}
默认情况下,您的浏览器具有可以(并且应该)中和的内部样式化。
关于html - 是否可以在 CSS 中拉伸(stretch) div 的各个边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46740192/