我爲我的網站製作了一個固定的標題div,並在其下添加了陰影,但它不適合我的瀏覽器(100%寬度)??如何在div下創建陰影100%寬度
這裏是我的CSS:
body{
margin: 0;
padding: 0;
background-color: #F7F7F7;
}
#head{
width: 100%;
height: 60px;
background-color: #5B86E1;
box-shadow: 0 10px 17px -5px #000000;
position: fixed;
}
#content{
width: 900px;
padding-top: 60px;
min-height: 100px;
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
\t <div id="head">
\t </div>
\t
\t <div id="content">
\t </div>
</body>
</html>
這裏是一個屏幕捕捉:
感謝Tyblitz, 這是一個非常有趣的解決方案。伯恩哈德的解決方案也不錯;-) – fendert12