私の学校のプロジェクト (および私の個人的なニーズ) のために、私は自分の個人的なサイトを始めています。
4 つのインライン ブロック DIV があります。最初のものにはいくつかのコンテンツがあり、他のすべては見出しを除いて空です。
空のものは「プッシュ」され、コンテンツのあるものの下部に向かって垂直に整列されます。サイト @ http://rickyyoder.x10.mxの例。
これを達成するためにフロートを使用しないでできることはありますか? また、フロートを使用する必要がある場合、正確にはどうすればよいでしょうか? それぞれの「左」を浮かせて、20% (各セクションの幅) の左余白を与えてみましたが、それでも互いに重なり合っていました。
理解を助けてください。ありがとうございました！
編集: 各コンテンツ DIV の現在の CSS コード:
#c.section-split div.section{
display:inline-block;
width:20%;
max-width:20%;
margin-right:2%;
position:relative;
background:#aaa;
border-top-left-radius:4px;
border-top-right-radius:4px;
}