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

这个圣杯布局,我的想让.right元素显示到.left的左边,怎么都不成功?

这个圣杯布局,我的想让.right元素显示到.left的左边,怎么都不成功?

绝地无双 2019-05-20 17:44:07
https://codepen.io/niusz/pen/...使用负margin时我发现,如果我不先对.left使用负margin让它跑到上面去,那么不管我对.right负margin为多少,.right都不会上去的。这是为什么?
查看完整描述

2 回答

?
收到一只叮咚

TA贡献1821条经验 获得超5个赞

.main{
background:red;
float:left;
height:100px;
width:100%;
/*margin-left:50px;*/
margin-right:
}
因为你把main设置了width:100;所以被挤下去了,如果想让他们在一行,又要保持100%,可以在main设置
margin-left:-200px;
同时right去掉
margin-left:-510px;
                            
查看完整回答
反对 回复 2019-05-20
?
慕慕森

TA贡献1856条经验 获得超17个赞

HTML代码:
left
right
main
CSS代码:
.left,
.right{
width:100px;
height:100px;
}
.left{
background:blue;
float:left;
}
.right{
background:green;
float:right;
}
.main{
background:red;
height:100px;
margin:0100px;
}
                            
查看完整回答
反对 回复 2019-05-20
慕课专栏
更多

添加回答

了解更多

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号