Question

html(网页)浮动窗口，如何制作html(网页)浮动窗口？

就是这个浮动窗口在页面上飘来飘去

Answer 1

制作方法：

将下列代码输入html软件

页面初始化效果：

问题分析：

HTML中的浮动窗口，可以使用CSS的定位方式完成，同时使用这种方式来完成这个功能也是一种较为简单的方式，只需要有HTML以及CSS的知识就可以完成了。

举例如下：

在以下示例中，将演示页面左右两侧分别放置一个高度为500像素，宽度为200像素的浮动窗口。示例中使用的定位方式为：固定定位（fixed），所有它们将永远的跟随页面进行滚动。

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

Answer 2

浮动窗口可以很简单的弄个，就是一个div 样式<div style=" position:fixed; top:50%; left:50%; width:100px; height:50px; margin:-25px 0 0 -50px; ">内容</div>

Answer 3

父级元素设置： position:relative;
子集元素设置：position: absolute; 用left、right、top、bottom 来控制距离；

position:fixed; 同理用left、right、top、bottom 来控制距离；

追问

如何制作？

追答

那要看具体情况来做了，没看见图，我怎么给你说啊

追问

例子？

追答

是啊，比如说你现在做的项目什么的，或者提供个设计图让我瞅瞅

追问

就是有个小窗口在页面上飘来飘去

Answer 4

这个很简单呀！
需要浮动的话，只需要在样式上的position设置fixed即可。
比如：
<div style="position:fixed; z-index:1;">

</div>
这样写就浮动了，然后只需要用top、bottom、left、right来定位就行了

如果需要飘来飘去的浮动，需要配合js来完成，js可以去牛图库上找，里面有很多插件，改下样式就可以使用了。

追问

在哪里设置top、bottom、left、right？

 

 

 

如果不用CSS，如何设置div的位置？

追答

你的截图不是已经标明了嘛，在第一排position的属性值设置fixed，在Clip里面不是有Top、Right、Bottom、Left四个值的设置。

Answer 5

那个那个应该是叫层，然后是层和时间轴配合，记录移动轨迹，形成在页面上飘来飘去

追问

如何制作？

追答

自己查，层