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

html-css012

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

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

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

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

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

新建一个HTML文件,命名为test.html,用于实现把div定位到右上角。

在test.html页面编写一个内容为“这是固定在右上角的DIV”的div,并定义它的id属性为rig,用于下面实现定位。同时,编写几个p标签,用于测试div是否真的固定在页面的右上角。

在test.html页面,使用<style type="text/css"></style>标记定义CSS的内容,在CSS内编写id为rig的div样式。

<div style="position:absolutetop:0right:0height:100pxwidth:100pxbackground-color:orange">something</div>

<div style="position:absolutebottom:0right:0height:100pxwidth:100pxbackground-color:orange">something</div>