题解 | #双列布局 - 绝对定位#
双列布局 - 绝对定位
https://www.nowcoder.com/practice/045c072ae8d14eee84bf8c28069729bb
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
position: relative;
}
.left {
border: 1px solid black;
position: absolute;
left: 0;
width: 100px;
}
.right {
border: 1px solid black;
position: absolute;
left: 100px;
right: 0px;
}
</style>
</head>
<body>
<section class="container">
<article class="left">我是left<br /><br /><br /><br /></article>
<article class="right">我是right<br /><br /><br /><br /></article>
</section>
</body>
</html>
