盒子横向排列-初识浮动Float(HTML、CSS)
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>盒子横向排列-初识浮动</title><style>div {width: 200px;height: 100px;background-color: gray;/* display: inline-block; */float: left;margin-right: 2px;}</style></head><body><div>1</div><div>2</div><div>3</div></body></html>