Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
ヘッダー、左、右の 3 つの div があり、border-right を使用して 2 つの div を区切る線を追加しています。私が抱えている問題は、境界線がページ全体ではなくコンテンツの長さだけに及ぶことです。ページ全体を埋めるために境界線を拡張するにはどうすればよいですか?
.leftdiv{ width:36.5%; border-right:1px solid #222222; float:left; }
問題は、div が、その中のコンテンツが必要とする大きさにしか大きくならないことです。境界線は、視覚的な合図にすぎません。
div に min-height をスローして、必要なだけ拡張することができます。
他の解決策は、偽の列を作成することですが、最善の策は次の記事にあります。
http://css-tricks.com/fluid-width-equal-height-columns/