试图将宽度继承到css中的img标记

Question

我试图将id的宽度继承到img标记，以便图像永远不会比它周围的id大。但不知何故继承不起作用，但当我使用宽度与绝对值，如580px，它的工作原理。 我想知道为什么它不起作用。

这是它在chrome检查器中的外观。

这是我的css代码的重要部分。

#content {
  position: absolute;
  font: 16px/1.5 'PT Serif', Times, Cambria, serif;
  width: 580px;
  left: 50%;
  margin-left: -100px;
}

#content p,
#content ul {
  margin-bottom: 25px;
}

#content ul {
  padding-left: 20px;
}

#content li {
  margin-bottom: 5px;
}

#content div.actions {
  margin-top: 25px;
  font-size: 14px;
  font-family: 'Open Sans Condensed', sans-serif;
}

#content div.actions .readmore {
  text-decoration: none !important;
  padding: 0 2px;
}

#content div.actions .readmore:hover {
  background-color: #389dc1;
  color: #fff;
}

#content div.actions .comments {
  color: #ccc;
  margin-left: 10px;
  text-decoration: none;
}

.post {
  padding: 50px 0 15px 0;
  border-bottom: 1px solid #dfdfdf;
}

.post .date {
  font: bold 12px 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  color: #a7a7a7;
  margin: 24px 0 30px 20px;
  position: relative;
}

.post .date:before {
  width: 18px;
  height: 18px;
  position: absolute;
  content: '';
  left: -22px;
  top: -1px;
}

.post img {
  width: inherit;
}

Answer 1

点击此处：Width inherit on fixed div doesn't work

inherit关键字指定属性应从其父元素继承其值。

您在父母处获得了p标记。