网页设计Html5
发布网友
发布时间：2022-04-23 08:05
共1个回答
热心网友
时间：2022-06-18 03:07
左边的左浮动，右边的右浮动，没有问题的。
<!doctype html><html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#div0 {
width: 800px;
}
#divL {
width: 598px;
height: 300px;
float: left;
background-color: #ddd;
}
#divR {
width: 200px;
height: 300px;
background-color: #eee;
float: right;
}
#l1 {
height: 50px;
background-color: #888;
}
#l2 {
height: 100px;
background-color: #aaa;
}
</style>
</head>
<body>
<div id='div0'>
<div id='divL'>
<div id='l1'>左浮动内容1</div>
<div id='l2'>左浮动内容2</div>
</div>
<div id='divR'>右浮动内容</div>
</div>
</body>
</html>
显示结果：
