58 lines
1.2 KiB
HTML
58 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>float</title>
|
||
<style>
|
||
body {
|
||
margin: 0;
|
||
}
|
||
|
||
.box {
|
||
width: 200px;
|
||
height: 200px;
|
||
border: 1px solid #000;
|
||
float: left;
|
||
}
|
||
|
||
.box_1 {
|
||
background: red;
|
||
}
|
||
|
||
.box_2 {
|
||
background: green;
|
||
}
|
||
|
||
.box_3 {
|
||
width: 200px;
|
||
height: 200px;
|
||
border: 1px solid #000;
|
||
background: blue;
|
||
}
|
||
|
||
.text {
|
||
width: 50px;
|
||
height: 50px;
|
||
border: 1px solid #000;
|
||
overflow: scroll;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="main">
|
||
<div class="box box_1"></div>
|
||
<div class="box box_2"></div>
|
||
</div>
|
||
<div class="box_3"></div>
|
||
<div class="text">
|
||
CSS选择器用于选择你想要的元素的样式的模式。"CSS"列表示在CSS版本的属性定义（CSS1，CSS2，或对CSS3）。
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html> |