div可以并排

最新推荐文章于 2021-06-03 17:12:19 发布

MilkyWong

最新推荐文章于 2021-06-03 17:12:19 发布

阅读量180

点赞数

文章标签： html div css

本文链接：https://blog.csdn.net/Milky1994/article/details/84446978

版权

今天没事复习一下div，每次开始的时候我都说不能迷，清醒的一次性写完，但是到最后总是会出错，粗心。
然后在大div里面写4个小div的时候他们都是一行一行的，在style里面加了float，结果就是一左一右、一左一右。反正就是不会在同一层上出现。
最后找到了可以div并排了，忘了在哪个地方看到了 - -
<html>
<head>
<title>一种3个DIV并排在一行的方法</title>
<style type="text/css">
#bottom {
margin:0 auto;
width:300px;
}
#bottom div {
width:100px;
}
#d1 {
float:left;
background:#f00;
}
#d2 {
float:right;
background:#0f0;
}
#d3 {
float:right;
background:#00f;
}
</style>
</head>
<body>
<div id="bottom"><div id="d3">d3</div><div id="d1">d1</div><div

id="d2">d2</div></div>
</body>
</html>
是这样的，然后我加了d4，终于解决了，平时不用功，临时找度娘。。。

希望我赶紧做好吧，赶紧思维有进步吧，