HTML div可调

时间:2014-11-30 08:50:17

标签: html5 css3

一个div是固定大小的id是post_picture 一个是可调节的id post_text 问题是可调整的div id post_text不能正常工作。 我的问题是我如何设置它可以正常工作。

HTML code:
<div id= "post_body">
    <div id="post_picture">

    </div>
    <div id="post_text">

    </div>
</div>

CSS代码:

#post_body
{
    width: 99%;
    height: 81%;
    margin: 4px 1px 2px 3px;
}

#post_picture
{
    width: 130px;
    height: 130px;
    float: left;
    background-color:Silver;
    border-radius:0.4em;
}

#post_text
{
    width: 80.6%;
    max-width: 80.6%;
    min-width: 300px;    
    height: 130px;
    float: left;
    margin-left: 5px;
}

1 个答案:

答案 0 :(得分:0)

也许你需要在post_body之外移动post_text

<div id= "post_body">
                    <div id="post_picture">

                    </div>

                </div>
 <div id="post_text">

                    </div>