0

我在显示此页面顶部的左右边框图像时遇到问题：

http://www.designated.net.au/testbed/theme/

如您所见，我为左边框图像设置了 50px 的高度，以向您展示我希望它的外观。但我需要它们都以 100% 的高度工作。

当主分区中有任何文本时，侧面显示似乎也存在问题。

任何帮助将不胜感激！

  • 编辑：

固定版本： http: //www.designated.net.au/testbed/themefixed/

4

3 回答 3

0

您的#theme-page元素没有高度，因此您将高度设置为 100% 的每个 div 都不知道该怎么做，因为 100% 意味着：“包含我的元素的 100%”如果您将高度设置为 100 % 到您的边框，以及主 div 的固定或百分比高度（#theme-age），边框将出现，因为它们的容器也将具有高度。

于 2012-08-15T13:03:17.180 回答
0

用边框替换左右图像更容易和优化。

#theme-header-top {
  position: relative;
  background-color: white;
  border: 10px solid rgb(51, 51, 51);
  border-width: 0 10px;
}

您必须删除 width:100% 才能使其正常工作。事实上它是没用的，因为你的元素是一个块。

于 2012-08-15T13:11:13.693 回答
0

首先，顶部区域到底部之间有一些像素间隙。
当您在 div 中只有视觉内容时，这在 css 中很常见。
发生这种情况是因为您需要提供 font-size:0; 到 div，否则它有一些额外的高度，你无法用正常的高度克服：值。 

#theme-header-top {
   background-color: #FFFFFF;
   position: relative;
   width: 100%;
   font-size: 0;
}

图像本身（对于主题标题左下角）是 35X35，所以当你想要 100% 高度时，我不知道你的意思。
我只能猜测您指的是底部区域和顶部区域之间的间隙。

于 2012-08-15T13:32:25.970 回答