html - 使用 CSS 和 HTML 的 Boxshadow 和间距？

Question

我在两页中有 3 个问题：

1. http://www.easythemepro.com/ - 文本底部的按钮似乎在文本和按钮之间有相当大的空间。在这个额外的间距中添加了什么代码？

2. http://www.easythemepro.com/ - 页面上的 boxshadowing 似乎在按钮之后停止。我需要做什么才能使其扩展到整个页面？

3. http://www.easythemepro.com/themes.php - 我在这个页面上也遇到了同样的问题，但它正在进一步扩展。需要进行哪些更改才能使其一直向下延伸？

我整天都盯着同一个代码，似乎无法弄清楚这最后三个问题发生了什么。我知道这是我在盯着它看了这么久之后忽略的简单问题......

Answer 1

1)

在第 201 行的 CSS (style.css) 中。您有以下规则：

bottom: 0;

删除此规则。

将按钮的位置设置为“bottom: 0;”，将其放在父容器的底部。在这种情况下，您不希望这样做。

2)

将 body & html 的高度设置为 100%：

html, body {
height: 100%;
}

将 body 和 html 的高度设置为 100% 会使它们填充 100% 的高度，如您所料！

3)

在 #wpwrap 内将溢出设置为自动。

overflow: auto;

这将确保#wpwrap 的内容不会逃逸。