Question

在网页中插入浮动窗口，js代码或css代码（易看易懂）

Answer 1

给你一段代码，创建了一个大小100*100的浮动窗口，贴着窗口的右边。

css代码：

<style type="text/css">
    #my_dialog {
        position: fixed; /*固定定位*/
        right: 0;
        top: 50%; /*贴着右边，垂直位置50%*/
        height: 100px;
        width: 100px; /*尺寸 100 x 100*/
        transform: translate(0, -50%); /*通过位移，保证浮动窗口的垂直居中*/
        box-shadow: 0 0 3px 1px rgba(180, 180, 180, 0.5);
        background-color: white; /*加些背景色和阴影，以便区分*/
    }
</style>

html代码：

<div id="my_dialog">
    <!--窗口内容-->
</div>

Answer 2

设置position:fixed:top自定义

Answer 3

css :
如 div { position:fixed;left:20px;top:100px; }
这个div就浮动在屏幕上了，水平方向便宜20px，竖直方向偏移100px;

Answer 4

具体怎么浮动呢？css用绝对定位就能实现。