Question

我正在使用左栏为我的网站。基本上左栏包含三个div元素和id="profile"。我也将child div元素向左移动。

我面临的问题：

我在mozilla firefox中用firebug分析了问题，每个的宽度都等于父元素，但我不知道如何。

其次child div元素的高度不等于父元素。我尝试将height元素的div设置为100%或34px，但这并不能解决问题。

第三，我添加了渐变作为左栏的背景，但背景显示为一些纯色。我在正常的渐变色底之前添加了前缀的供应商。但我真的不知道为什么会这样。

我正为this示例

添加jsbin演示

Answer 1

必须将firefox的CSS语法更改为：

-moz-linear-gradient(bottom, rgb(213,213,213) 0%, rgb(237,237,237), rgb(213,213,213) 100%);

高度仅设置为图像容器，而不是左栏，将左栏设置为高度34（和/或使用行高度将其垂直居中）：

.leftbar{
  widh:70%;
  color:#000;
  font-family:Calibri;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  height:34px;
  line-height:34px;
  float:left;
}

左栏的问题

1 个答案: