html - 框架的CSS定位问题

Question

我想background-color:#000为整个.contentdiv 设置。我为图像制作了一个框架，它完美地包裹了图像（http://jsfiddle.net/Yuaq8/），但前提是框架的位置设置为absolute. 在这种情况下.content没有正确填写。

如果我删除了这个 fiddle.pic-frame中的 position 属性，div就会被填充，但是框架看起来很奇怪。如何使框架看起来像第一个小提琴中的框架，以便填充整个 .content div？.content

score 2 · Accepted Answer

position:absolute将从流程中删除您的元素。使用position:relativeordisplay:inline-block代替.pic-frame：

.pic-frame {
   display:inline-block;
   padding:12px;background-color: #DDD;
}

score 1 · Accepted Answer

1

尝试为 .pic-frame 设置宽度。 JS小提琴

于 2012-08-05T23:25:20.253 回答

score 1 · Accepted Answer

或者您可以在 pic.frame div 中将宽度设置为 200px，并从#pic div 中删除宽度和边距属性。

.pic-frame {
    width: 200px;
    padding:12px;background-color: #DDD;
}
#pic {
   height:200px;
   background-color: #999;
}

3 回答 3