2

我通过一起切碎和更改多个主题来构建布局。在该布局上，所有使用此 CSS 触发的内容背后都有一个阴影：

body {
-webkit-box-shadow:0px 5px 10px #1c1c1c;
-moz-box-shadow:0px 5px 10px #1c1c1c;
box-shadow:0px 5px 10px #1c1c1c;
}

所以现在我正在自己重建主题，这样我就可以按照我想要的方式构建 div 和 css。最初的设计有一个标题，它的文本向右对齐。对于重建，我为标题做了一个 3 列布局，这样我就可以在左侧添加一张照片，在中间添加一些内容。

我无法在我的新布局中使用上述阴影代码。它不会给我的内容留下阴影。相反，如果我采用下面的代码并将其放入 3 列中的每一列的每个 Div ID 的 CSS 中，它将投下一个阴影......但是阴影溢出到第二列和第三列

-webkit-box-shadow:0px 5px 10px #1c1c1c;
-moz-box-shadow:0px 5px 10px #1c1c1c;
box-shadow:0px 5px 10px #1c1c1c;

现在我对 HTML 和 CSS 不是很好，但我正在尽力而为。我试图将 3 cols 放入一个 DIV 并将阴影放到该 div 上，但它仍然不起作用。我尝试将 cols 插入下面代码中*符号的位置

 <div id="blah">**************</div>

有人对我缺少什么有任何建议吗？

4

1 回答 1

1

将阴影应用于外部 div 是正确的想法，但如果您使用 div 来制作内部列，则需要对最后一个元素应用 clearfix。

<div id="blah">
   <div class="third">First</div>
   <div class="third">Second</div>
   <div class="third">Third</div>
   <div class="clear"></div>
</div>

与CSS

.clear { clear:both; }

这是你想要的效果吗？ http://jsfiddle.net/LcBUX/3/

于 2013-03-29T01:53:28.303 回答