CSS图像设计问题

这是我正在工作的测试站点：

正如你所看到的，它将中间线一分为二，我正试图弄清楚它为什么会这样做。 车身背景颜色仅用于测试

布局理念是

<div> - entire box
  <div /> - top (image with the start line)
  <div> - content
    <div> - left (test 2 on the page)
    <div> - middle (this is 12px in width and only has the line in it)
    <div> - right (menu on the page)
  </div>
  <div> - bottom
    <div> - left (copyright)
    <div> - right (end of the line)
  </div>
</div> - end box

-整个盒子
-顶部（带有起始线的图像）
-内容
-左侧（页面上的测试2）
-中间（宽度为12px，只有一行）
-右（页面上的菜单）
-底部
-左（版权所有）
-右（行尾）
-端盒

另一件事是Firefox。如果我得到一个空div（如上面的中间div），那么我需要在其中添加一个空间，以便Firefox显示它。如果我什么都没有，那么Firefox就不会显示它

.site_middle {
    height:100%;
}

百分之百的什么

（未定位元素的）高度百分比相对于父元素

site\u page

，即

height:auto

。所以父母的身高是孩子的总身高，它取决于自己的身高，它取决于孩子的身高，它取决于父母的身高

CSS通过忽略相对于

auto

的百分比高度打破此死锁，即它们也是

auto

。这就是为什么你得到一个元素，它的高度和你放进去的东西一样大（当你不放任何东西在里面的时候，它的高度是零）

如果希望图像沿着

站点左侧
div的一侧重复，无论其长度如何，请在该元素上使用右侧定位的背景图像，而不是为其创建额外的元素

百分之百的什么

（未定位元素的）高度百分比相对于父元素
site\u page
，即
height:auto
。所以父母的身高是孩子的总身高，它取决于自己的身高，它取决于孩子的身高，它取决于父母的身高

CSS通过忽略相对于
auto
的百分比高度打破此死锁，即它们也是
auto
。这就是为什么你得到一个元素，它的高度和你放进去的东西一样大（当你不放任何东西在里面的时候，它的高度是零）

如果您希望在
站点左侧
div的侧面重复一个图像，不管该图像有多长，请在该元素上使用一个右定位的背景图像，而不是为其创建一个额外的元素。
您可以通过将重复图像放入
站点页面
CSS类来解决此问题，因为它具有您需要的高度：

.site_page {
    background:url("../images/bg/bg_main_middle.png") repeat-y scroll 788px 0 #FFFFFF;
}

然后，您可以去掉
site\u middle
div.
您可以通过将重复图像放入
site\u页面
CSS类来解决此问题，因为它具有您需要的高度：

.site_page {
    background:url("../images/bg/bg_main_middle.png") repeat-y scroll 788px 0 #FFFFFF;
}

然后您可以摆脱
站点\u middle
分区。
您是否尝试打开和关闭分区？你试过打开和关闭这个部门吗？()