Question

我让父母 DIV 和孩子 DIV ，孩子 DIV 不居中，宽度也不起作用。当我在孩子 DIV 中添加 IMG 时，属性也不起作用。

例如：

HTML：

<div id="parent">
 <div id="child">
  <img id="big" .. />
 </div>

</div>

CSS：

#parent {
  background: #999;
  margin: auto;
  width: 100%;

}

#parent #child {
  width: 80%;
  margin: auto;
  text-align: center;
}

#big {
  display: inline;
  max-width: 100%;
  margin: auto;
}

（我使用HTML5 Boilerplate http://html5boilerplate.com/创建了测试站点，并且响应迅速）

我花了好几个小时来解决这个问题但没有结果： - （

Answer 1

使用类。

<div id="parent">
 <div class="child">
  <img id="big" .. />
 </div>
</div>

#parent {
  background: #999;
  margin: auto;
  width: 100%;

}

.child {
  width: 80%;
  margin: auto;
  text-align: center;
}

#big {
  display: inline;
  max-width: 100%;
  margin: auto;
}

CSS属性在子差异中不起作用

1 个答案: