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

怎么弄上来,那个在右下角

https://img1.sycdn.imooc.com//5ba2216300016d3813610763.jpg咋弄上去,这个弄不上去,大神求解

正在回答

2 回答

.main{height:500px;background:red;position:relative;}

.top{height:100px; background:#ccc}

.left{ width:200px; height:500px; background:blue;}

.right{ position:absolute;right:0;left:210px;height:500px; background:#9C9;}

.foot{ height:50px; background:#F63 

</style>

</head>

<body>

<div class="top">top</div>

<div class="main">

    <div class="right">right</div>

    <div class="left">left</div>

</div>

<div class="foot">foot</div>


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

https://img1.sycdn.imooc.com//5ba34a2b00013f0702540056.jpg

把css样式里面 .right{float:right;}删掉,在.left{}里面加上float:left;

https://img1.sycdn.imooc.com//5ba34a290001fdd403500031.jpg

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

小鲨鱼e

两张截图让你理解main<div>里面的第一个元素<div>是left,第二个元素<div>是right,然后你在css里面写的是让.right<div>右浮动,它就自然会浮动到下面去了。
2018-09-20 回复 有任何疑惑可以回复我~
#2

不开森 提问者 回复 小鲨鱼e

ok谢谢
2018-09-21 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识,这是前端工程师基本技能

进入课程

怎么弄上来,那个在右下角

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