0

我正在为我的网站使用左栏。基本上左边栏由三个div元素组成id="profile"。我也将child div元素向左浮动。

我面临的问题：

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

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

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

我为此示例添加了一个 jsbin 演示

4

1 回答 1

1

Firefox 的 CSS 语法必须更改为：

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

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

.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;
}
于 2013-01-13T09:36:36.580 回答