Question

http://www.kuwaitjournals.org/test

如何在图片顶部修复主<div>的宽度，或者使顶部图片的宽度像主<div>一样动态？

Answer 1

我不确定你要完成什么，但我会说你必须使用百分比作为宽度。像HTML这样的东西：

<html>
    <head>
    </head>
    <body>
        <div id="wrapper">
            <img src="foo/bar.jpg" />
            <div id="content">
            </div>
        </div>
    </body>
</html>

这适用于CSS：

*, html, body {
    margin: 0px;
    padding: 0px;
}

#wrapper {
    width: 900px;
    margin: 0px auto;
}

img {
    width: 100%; //Sets the image width to 900px
}

#content {
    width: 100%; //Sets the content divs width to 900px
}

这是我认为问题的答案。如果不是，请告诉我。

CSS：如何使底部div宽度与上面的图像宽度相同？

1 个答案: