フルハイトの境界線が必要です-float:leftCSSを使用した最初と2番目のdivの右側
:
div.wrapper {
border: 1px solid black;
}
div.wrapper > div {
text-align: center;
width: 50px;
padding-left: 5px;
float: left;
}
div.w-1, div.w-2 {
border-right: 1px solid black;
}
HTML:
<div class='wrapper'>
<div class='w-1'>
<p>text</p>
</div>
<div class='w-2'>
<p>text</p>
<p>text</p>
</div>
<div class='w-3'>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<br style='clear: both;'>
</div>
解決を手伝ってください。ここにjsfiddleがありますhttp://jsfiddle.net/kto5pupz/
HTML
<div class='wrapper'>
<div class='w-1'>
<p>text</p>
</div>
<div class='w-2'>
<p>text</p>
<p>text</p>
</div>
<div class='w-3'>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<br style='clear: both;'>
</div>
CSS
div.wrapper {
border: 1px solid black;
overflow: hidden;
}
div.wrapper > div {
text-align: center;
width: 50px;
padding: 0 0 9999px 5px;
float: left;
border-left: 1px solid black;
margin: 0 0 -9999px;
}
div.wrapper > div:first-child{
border: none;
}
フィドルへのリンク
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加