0

問題への直接リンク: http://s18.postimg.org/f55rkfl1l/issue.png

<div class="overall_content">
        <div class="content">
            <p>jessicaPhotography<br><img src="images/heart.png"></p>
            <div class="content_picture">   
                    <p class="main">
                    This is where the revolving images will appea
                    This is where the revolving images will appea
                    This is where the revolving images will appea
                    This is where the revolving images will appea
                    This is where the revolving images will appea
                    </p> 
            </div>
        </div>
    </div>

コンテンツ div を段落タグ内のテキストで展開できない理由を誰かが理解するのを手伝ってくれますか? これが私のcssです：

html, body, header, p, h1, h2, h3, h4, h5, h6, img, .content {
padding: 0px;
margin: 0px;
}

html {
background: url('images/background_gradient.png') repeat;
}

header {
width: 100%;
height: 30px;
background: rgb(0,0,0);
}

.overall_content {
width: 84%;
height: 100%;
background: rgb(255,255,255);
margin: 0px auto;
margin-top: .5%;
position: relative;
}

.content {
width: 98%;
height: 98%;
background: rgb(0,0,0);
position: absolute;
top: 1%;
left: 1%;
}

追加情報

.content_picture {
height: 100%;
width: 100%;
}

/********************************/
/* Intrinsic Content Properties */
/********************************/

.content p.main {
color: rgb(255,255,255);
font-family: Verdana, Arial;
font-size: 18px;
padding: 25px;

}
4

2 に答える 2

0

制限を削除してheightから、テキストを追加すると、divの高さが増減します（コンテンツに適応します... ;）

于 2013-04-05T15:21:17.607 に答える