div可以并排

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: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,终于解决了,平时不用功,临时找度娘。。。

希望我赶紧做好吧,赶紧思维有进步吧,
展开阅读全文

没有更多推荐了,返回首页