CSS 双列布局 - 浮动
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
border: 1px solid black;
overflow: hidden;
}
.left {
border: 1px solid black;
float: left;
width: 100px;
}
.right {
margin-left: 100px;
}
</style>
</head>
<body>
<section class="container">
<article class="left">l<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></article>
<article class="right">r</article>
</section>
</body>
</html>