0

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

Question1 我有一个边框，我想在整个屏幕上伸展，但无法让它工作。我已经尝试过宽度：150%，这对于右侧来说还可以，但像以前一样离开左侧。然后我添加了边距：- 100% 但这自然会导致 div 的项目出现问题。我的代码如下。我也猜测我尝试过的代码会被认为是 hack？我尽量不养成这种习惯。

#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 阴影效果但没有成功，有人可以建议吗？

4

1 回答 1

0

你的#border 在你的#wrapper 里面，max-width:1200px 所以它会停在1200 标记处是正常的。将 HTML 更改为

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

并从那里工作。

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

于 2012-10-15T15:17:23.623 回答