为了账号安全,请及时绑定邮箱和手机立即绑定

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

<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 回答

楼上所说极是>.<

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

songlive 提问者

你好,情况1中 栏目2的框不见了 是为什么 因为权值吗
2016-03-16 回复 有任何疑惑可以回复我~
#2

慕雪芸茗 回复 songlive 提问者

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

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信