<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>两列布局</title><style>.left{width: 300px;height: 300px;background-color: pink;/* 脱离文档流 */float: left;}.right{height: 300px;background-color: plum;margin-left: 300px;}.inner{height: 300px;background-color: rosybrown;clear: both;}</style>
</head>
<body><div class="parent"><div class="left"></div><div class="right"><div class="inner"></div></div></div>
</body>
</html>运行结果
