html中浮动窗口怎么做啊？就是一个小窗口飘在在页面上那种

问题分析：

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

举例如下：

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

HTML代码：

<div id="left">

    <p>我是左侧浮动窗口的内容</p>

</div>

<div id="right">

    <p>我是右侧浮动窗口的内容</p>

</div>

CSS代码：

body{

    /*

     * 为body标签设置背景仅仅是为了演示效果。

     * 与浮动窗口本身无关。

     */

    background-color: #ccc

}

#left, #right{

    position: fixed

    top: 100px

    width: 200px

    height: 500px

    line-height: 500px

    text-align: center

    border: 1px solid #000

    background-color: #FFF

}

#left{

    left: 50px

}

#right{

    right: 50px

}

页面初始化效果：

浮动和盒状模型、定位是CSS重点和难点。浮动，就是让div样式层块，向左或向右（靠）浮动。

Float:left 靠左浮动；Float:right 靠右浮动；clear:both清除浮动，简单举例如下：

CSS样式如下：

.box1{ float:left width:200px height:300px background:#f00}/* 设置div对象浮动靠左*/ 

.box2{ float:rightwidth:200px height:300pxbackground:#0f0}/* 设置div对象浮动靠右 */ 

.clear{ clear:both}/*清除浮动*/

html代码如下：

<div class="divcss5"> 

    <div class="box1">布局靠左浮动</div> 

    <div class="box2">布局靠右浮动</div> 

    <div class="clear"></div><!-- html注释：清除float产生浮动 --> 

</div>

效果如下：

浮动利用好了，再结合相对定位，绝对定位，CSS排版基本上就能搞定了，细节的东西在实践中去体验吧。

---