2

我正在尝试使父 div 的宽度适合显示的图像。我这样做有很多麻烦，它似乎会自动调整到非常大。

图片： http: //puu.sh/1vsqA

内容是正文部分

图像是包含图像的白框

image img 是盒子本身内部的实际图像。

CSS：

html, body
{
    margin:0;
    padding:0;
    border:0;
    height:100%;
    width:100%;
}

body
{
    background-image: url('./page_bg.gif');
    background-repeat: repeat;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:12px;
}

#navlinks
{
    width: 100%;
    height: 28px;
    line-height: 28px;
    background-color: #000;
    color: #FFF;
}

#links
{
    list-style-type: none;
    float: left;
    padding-left: 5px;
    margin: auto;
}

#links li
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

#content
{
    display: block;
    padding: 40px 40px 40px 40px;
}

#image
{
display: inline-block;
border: 1px solid #CCC;
border-color: #CCC #AAA #AAA #CCC;
padding: 3px;
margin-left: auto;
margin-right: auto;
background: #fff;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
max-width: 1107px;
}

#image img
{
}
4

2 回答 2

2

请尝试float:left您的父 div

于 2012-11-29T01:51:43.860 回答
2

您可以尝试设置#image为display: inline-block. 我可能是错的，但我“认为”这就是你要找的。

这是一个链接示例：http: //jsfiddle.net/RBWYL/

于 2012-11-29T01:53:49.817 回答