私は CSS が初めてdiv
で、この場合、緑と青の中間に s 間の境界線を配置する方法を考えていましたか?
HTML:
<div class="wrap">
<div class="left">
</div>
<div class="right">
</div>
CSS:
.wrap {
background: gray;
overflow: hidden;
width: 1024px;
min-height: 400px;
position: relative;
margin: auto;
}
.right {
float: right;
width: 70%;
min-height: 550px;
background: blue;
position: relative;
border-left: 1px solid;
}
.left {
float: left;
width: 30%;
min-height: 550px;
background: green;
margin: auto;
border-right: 1px solid;
}