求个css样式,div浮在另一个div右上角

我指的浮动是z-index=100,飘在上面的<style>.main{width:200px;height:300px;border:1pxsolidgreen;}.f... 我指的浮动是z-index=100,飘在上面的

<style>
.main{
width:200px;
height:300px;
border:1px solid green;

}
.float_div{
position:absolute;
width:10px;
height:10px;
border:1px solid red;
float:right;
z-index:100;

}
</style>

<div class="main">
大量的内容...

<div class="float_div"></div>

</div>
发现小红框一直在左边,如何设到右上角去啊,底下字字正常显示,不是简单的float:right;
展开
 我来答
很多游戏
高粉答主

2019-11-27 · 游戏精通者,攻略技能点满
很多游戏
采纳数:91 获赞数:386934

向TA提问 私信TA
展开全部

1、第二种方法:首先根据下方图片中的代码进行输入编辑。

2、然后根据下方图片中的代码进行输入编辑。

3、然后继续根据下方图片中的代码进行输入编辑。

4、第二种方法:如果想要靠右,可以先设置div2的宽度,在设置text-align即:.div2{position:absolute;width:200px,text-align:right}//widtn是设置和div1一样的宽度,效果图如下:

百度网友08a61832
推荐于2017-11-25 · TA获得超过739个赞
知道小有建树答主
回答量:178
采纳率:100%
帮助的人:82.8万
展开全部
首先你应该先将所有浏览器的默认行为清除。。比如 *{margin:0;padding:0;}
然后给你的main设置为相对定位。。原因是为了让其内部的float_div的DIV相对main来绝对定位

.main{position:relative;width:200px; height:300px;border:1px solid green;}
再给你右上角的的div设置为绝对定位不用给其设置浮动了,因为设置为其设置为绝对定位已经脱离了文档标准流了。
.float_div{position:absolute;top:0;right:0;width:10px;height:10px;border:1px solid red;z-index:100;}
这样设置之后就没啥问题了。楼主你试试。。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ak0606
2013-06-21 · TA获得超过108个赞
知道答主
回答量:73
采纳率:0%
帮助的人:54.2万
展开全部
.main{
  width:200px;
  height:300px;
 border:1px solid green;
 position:relative;

}
.float_div{
 position:absolute;
width:10px;
height:10px;
border:1px solid red;
right:0px;
top:0px;
z-index:100;

}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Rickxu2024
2013-06-21 · TA获得超过228个赞
知道小有建树答主
回答量:146
采纳率:0%
帮助的人:94.8万
展开全部
.float_div{
position:absolute;
width:10px;
height:10px;
border:1px solid red;
float:right;
z-index:100;
right:0;/* 定位到右上 */
top:0;
}
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式