Question

大家好，我希望边框能够包围我的整个<div id=wedding>，但它不会围绕<div>内的图像和文字。请帮助我的代码如下：

HTML：

<div id="Weddings">
        <img src="images/gallery/weddinggh.jpg">
        <br>
        <a href="gweddings">Click here to check out pictures of 
        <br> our past wedding cakes<a>
</div>

CSS：

#Weddings {
    padding: 2px;
    border: 1px solid;
}

#Weddings a:link {
    text-decoration:none;
    color:black;
    font-size:16px;
    font-family: "footer";
}

#Weddings img {
    width:200px;
    height:300px;
}

Answer 1

#Weddings {
padding: 2px;
border: 1px solid;
width:200px;
}

你只需要为你的div设置一个宽度：）

以下是一个示例：http://jsfiddle.net/f4t2Z/

Answer 2

你试过吗

#Weddings img {
    width:200px;
    height:300px;
    display:block;
}

Answer 3

您需要定义边框颜色

#Weddings {
padding: 2px;
border: 1px solid red;
}

或其他什么。

我怎样才能让这个边界环绕我的div？

3 个答案: