私はこれを持っていて、それが私が望むすべてのことをしますが、私にはdivの高さを別々に制御できるようにする方法があります。他のすべての同一の特性からのものである。私は私の検索で私に合った方法を見つけることができなかっただけです。CSSと親/子、継承された属性の構文と可能性
注:私はhtmlの約3日です。これが複雑であれば、私は理解するステップで学びます。私はスタイルシートを理解してプロセスを簡素化しましたので、よりシンプルな方法があるようです。
おかげ
<style type="text/css">
body
{
width:1240px;
border:solid 1px black
}
.rightline1{float:right;width:618px;height:80px;border:solid 1px black;}
.rightline2{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline3{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline4{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline5{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline6{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline7{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline8{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline9{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline10{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline11{float:right;width:618px;height:20px;border:solid 1px black;}
.rightline12{float:right;width:618px;height:20px;border:solid 1px black;}
.leftline1{float:left;width:618px;height:80px;border:solid 1px black;}
.leftline2{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline3{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline4{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline5{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline6{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline7{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline8{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline9{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline10{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline11{float:left;width:618px;height:20px;border:solid 1px black;}
.leftline12{float:left;width:618px;height:20px;border:solid 1px black;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="leftline1"></div>
<div class="rightline1"></div>
<div class="leftline2"></div>
<div class="rightline2"></div>
<div class="leftline3"></div>
<div class="rightline3"></div>
<div class="leftline4"></div>
<div class="rightline4"></div>
<div class="leftline5"></div>
<div class="rightline5"></div>
<div class="leftline6"></div>
<div class="rightline6"></div>
<div class="leftline7"></div>
<div class="rightline7"></div>
<div class="leftline8"></div>
<div class="rightline8"></div>
<div class="leftline9"></div>
<div class="rightline9"></div>
<div class="leftline10"></div>
<div class="rightline10"></div>
<div class="leftline11"></div>
<div class="rightline11"></div>
<div class="leftline12"></div>
<div class="rightline12"></div>
</div>
</form>
</body>
okが最初に驚くほど迅速な対応をありがとうございました、第二に私はあなたが要素に複数のクラスを割り当てることができます知りませんでした。もう一度おねがいします。 –