伸展我的容器div

时间:2011-09-06 08:04:41

标签: css

你知道当你长时间盯着某个东西时,你会睁大眼睛。我就是这样。

我想做的就是根据里面的内容拉伸div 垂直

这里非常简单的代码,我已经剥离了很多。但这是必不可少的东西,我认为它是一个边缘:我需要的汽车问题,也许是错误的......

我目前无法提供小提琴网站。

所以这是代码:

HTML:

<div class="agencyBoxAbout">
    <div class="agencyText">
        <blockquote class="blockquotebig">blah dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker dee blah dee blah lorem ipsum kiss my ricker</blockquote>
    </div>
</div>

的CSS:

.agencyText {
    position:absolute;
    width:400px;
    padding:10px;
    height:100%;
}

.agencyBoxAbout {
    width:100%;
    border: 1px solid #aaaaaa;
    border-radius: 3px 3px 3px 3px;
    min-height:150px;
    position:relative;
    /*overflow:hidden;*/
}

.blockquotebig {
    /*background: url("../images/bigquote.png") no-repeat scroll 0 0 transparent;*/
    line-height: 20px;
    padding-left: 52px;
    width: 390px;
}

1 个答案:

答案 0 :(得分:1)

问题是position:absolute中的.agencyText。如果你删除它(或者使用relative,那么它应该可以工作。