Question

我有两个问题，希望将它们放在一个帖子中不是问题。

问题1 我有一个边框我想伸展整个屏幕，但无法让它工作。我尝试过宽度：150％，这对于右侧是好的，但是像以前一样离开左侧。然后我添加保证金： - 100％，但这自然导致与div项目的问题。我的代码如下。我也猜测我试过的代码会被认为是黑客攻击吗？我试图不养成这种习惯。

#border{
border-top: thick double #000;
border-bottom: thick double #000;
padding: 1% 0 1% 0;
margin-top: 3%;
margin-bottom: 3%;
}
#wrapper{   
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
#content{
margin-top: -3%;
}

<div id="wrapper">
    <div id="content">
        <div id="border">
            <!--some small images-->
        </div>
    </div>
</div>

问题2 我试图在div的顶部添加带有阴影的锯齿状边缘，我创建了锯齿状边缘的图像并尝试使用css3阴影效果但没有成功可以有人请指教？

Answer 1

你的#border在你的#wrapper里面，最大宽度：1200px所以它是正常的，它会停在1200标记处。将HTML更改为

<div id="border">
  <div id="wrapper">
    <div id="content">
        <!--some small images-->
    </div>
  </div>
</div>

从那里开始工作。

在Google上搜索 CSS3 box-shadow 以解决您的第二个问题，那里有很多示例！

拉伸边界超出div＆amp;图像上的阴影

1 个答案: