浮动

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#box{width: 300px;height: 50px;background: #4caf50}
#div1{width: 100px;height: 50px;background: skyblue;float: left}
#div2{width: 200px;height: 50px;background: aqua;float: right}
<!--float浮动可以去掉空格，自己会直接加上inline-block-->
</style>
</head>
<body>
<div id="box">
<div id="div1"></div>
<div id="div2"></div>
浮动的框可以向左或向右移动，知道它的外边缘碰到包含框或另一个浮动框的边框，浮动在去除中间缝隙的情况下用
</div>
</body>
</html>
posted @ 2023-06-30 10:38  崔鑫焱  阅读(30)  评论(0)    收藏  举报