float
`在这里插入代码片
- {
margin: 0;
padding: 0;
}
/取消列表样式的小点点/
li {
list-style: none;
}
/给盒子父元素占位置/
.box {
height: 600px;
width: 1000px;
background-color: darkgray;
margin: auto;
}
/左边占位置/
.left {
float: left;
height: 600px;
width: 200px;
background-color: pink;
}
.left img {
width: 100%;
}
.right li {
float: left;
height: 290px;
width: 190px;
background-color: pink;
px;
margin:5px 0 ;
margin-left: 10px;
}
`