是否可以在CSS中展開div的各個面？

我有一個導航欄，我想伸展到瀏覽器的全部寬度。是否有可能只伸展頂部，右邊&這個div的左側，以便他們觸摸瀏覽器的兩側？這裏是我的代碼現在： HTML：是否可以在CSS中展開div的各個面？

<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; 
}

我已經試過背景大小的屬性，並將其設置爲100％，但它沒有任何效果再加上我可以」用這個編輯單個的邊。我也嘗試了verticle-align：middle;但是，它也不起作用。有什麼建議？謝謝！

來源

2017-10-14 Zach

請問您可以包括一張圖片或您正在尋找什麼的一些視覺例子？ – mrtig

您需要設置html和body標籤，以反映您要的0

body, 
html { 
    margin: 0; 
}

保證金默認情況下，您的瀏覽器已經可以（也應該）被中和內部的風格化。

https://jsfiddle.net/Lphggzf6/

來源

2017-10-14 02:28:44 mdawsondev

非常感謝！我很驚訝，我甚至沒有想到那個笑 – Zach

.navigator { 
    position : fixed; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
}

可能你應該保持你的導航器固定和可滾動的內容。

來源

2017-10-14 02:26:36 crook

是否可以在CSS中展開div的各個面？

回答

相關問題