#div1 #div2 左右浮动我只设置一个的时候的情况求解答

来源:13-4 起飞咯 - 浮动模型

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>


写回答 关注

2回答

  • 黄馒头
    2016-03-16 21:34:42

    楼上所说极是>.<

  • 慕雪芸茗
    2016-03-16 21:26:09

    设置一个的话,比如是div1你设置了向左或者向右的浮动,那么这个div1的显示情况就是紧靠(父级元素没有设置padding的话)着它的父级元素的左边或者右边,而此时div2你没有设置浮动,它依旧会在下一行也就是div1的下面紧靠父级元素左边显示。同理,你只是设置div2,那么效果也是一样的,只不过div1在上面紧靠父级元素左边显示。注意:这里的紧靠都只是在父元素没有声明padding属性的情况下而言的!希望我的回答可以帮助到你!

    慕雪芸茗 回复songli...

    那你就应该检查下你的栏目二和栏目一的css样式,,比如是否设置了盒子模型,背景颜色等等,,默认是白色的,可是什么也看不到的哦!还有宽高等属性,不设置宽高默认是跟内容变化的,没有内容就等于没有了框的那个区域!

    2016-03-16 22:45:18

    共 2 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题