私はかなり新しいsingularity.gsを使用してWebサイトを構築しています。div に背景色を指定するのに問題があります。これは私の html 構造です:
http://oi44.tinypic.com/205xt1i.jpg、「緑」の部分は私のabout divです。
<div class="about">
<div class="photo">
<img class="photoBorder" src="images/foto_jeroen.png" alt=""/>
</div>
<div class="text">
<h1>Hello I'm Jeroen Druwé</h1>
<p>...</p>
</div>
</div>
この効果を実現するには、div の高さを設定する必要があります。
@include breakpoint(70em) {
.about {
height: 340px; //This property will set the height of the div
}
.about .photo {
padding: 1em;
@include grid-span(2, 4);
}
.about .text {
padding-top: 7em;
padding-left: 1em;
display: inline;
@include grid-span(4, 6);
}}
「height:340px」を削除すると、背景は描画されません。
http://oi39.tinypic.com/2s16ezl.jpg (私の薄い境界線のみ)
div の高さをコンテンツ (.photo,.text) にラップさせる方法はありますか?
注: .photo および .text の @include grid-span を削除すると、背景が表示されますが、特異点機能を失いたくありません
前もって感謝します!