题解 | #双列布局 - 浮动#
双列布局 - 浮动
https://www.nowcoder.com/practice/935b3d0382e741a88bab50f132d67645
<!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">我是left<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></article>
<article class="right">我是right</article>
</section>
</body>
</html>