songlive
2016-03-16 21:06
<style type="text/css">
div{
border:2px red solid;
width:200px;
height:400px;
}
情况1:#div1{float:left;}
情况2#div1{float:right;}
情况3#div2{float:left;}
情况4#div2{float:right;}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
楼上所说极是>.<
设置一个的话,比如是div1你设置了向左或者向右的浮动,那么这个div1的显示情况就是紧靠(父级元素没有设置padding的话)着它的父级元素的左边或者右边,而此时div2你没有设置浮动,它依旧会在下一行也就是div1的下面紧靠父级元素左边显示。同理,你只是设置div2,那么效果也是一样的,只不过div1在上面紧靠父级元素左边显示。注意:这里的紧靠都只是在父元素没有声明padding属性的情况下而言的!希望我的回答可以帮助到你!
初识HTML(5)+CSS(3)-升级版
1225808 学习 · 18234 问题
相似问题