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

发布网友发布时间：2022-04-24 03:04

共4个回答

热心网友时间：2022-04-21 00:26

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

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

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

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

热心网友时间：2022-04-21 01:44

首先你应该先将所有浏览器的默认行为清除。。比如 *{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;}
这样设置之后就没啥问题了。楼主你试试。。

热心网友时间：2022-04-21 03:18

.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;

}

热心网友时间：2022-04-21 05:10

.float_div{
position:absolute;
width:10px;
height:10px;
border:1px solid red;
float:right;
z-index:100;
right:0;/* 定位到右上 */
top:0;
}