HTML中的浮动窗口，可以使用CSS的定位方式完成，同时使用这种方式来完成这个功能也是一种较为简单的方式，只需要有html以及css的知识就可以完成了。举例如下：在以下示例中，将演示页面左右两侧分别放置一个高度为500像素，宽度为200像素的浮动窗口。
首先打开dw之后，新建一个html简单项目，输入项目名称后，就能新建一个html文件了。这时候在dw中就可以看到简单的基本代码，此时就能添加按钮并设置跳转页面。为了测试点击按钮跳转的测试，在这里利用button标签新建一个按钮。然后在这里可以添加一个a标签，然后编写一个测试的Http地址。
使用“画中画”模式：当在谷歌浏览器中播放视频时，可以点击右上角的媒体控制按钮，选择进入画中画模式。此时，视频将变为浮动小窗口，用户可以随意拖动位置并调整大小。但请注意，此功能目前仅支持HTML5视频，部分网站可能会禁用此功能。
在HTML和CSS中，浮动（Float）是一种布局技术，它允许元素根据其CSS属性“float”的值进行横向定位。具体来说，浮动涉及以下几个方面：浮动元素会脱离常规文档流：当一个元素被设置了浮动属性后，它将不再占据常规文档流中的位置，而是可以向左或向右移动。
在HTML和CSS中，浮动（Floating）是一种布局技术，它允许元素脱离文档流并向左或向右移动，直到其外边缘碰到包含框或另一个浮动元素的边缘。以下是关于浮动的关键点： 脱离文档流 浮动元素不再遵循普通文档流的布局规则。
在HTML定位和布局中，float浮动是一种重要的布局方式，它允许元素在页面中向左或向右浮动，从而实现特定的布局效果。以下是关于float浮动的详细解析：float属性的常用语法 float： left；元素会向左浮动，其右侧和下方的元素会环绕在其周围。
浮动和盒状模型、定位是CSS重点和难点。浮动，就是让DIV样式层块，向左或向右（靠）浮动。
1、创建html文件。设置页面背景颜色。接下来开始创建段落一。引入图片设置图片大小并设置图片浮动至段落的左边。创建段落二。引入图片设置图片大小并设置图片浮动至段落的右边。预览效果如图。
2、为了实现图片左右来回浮动的效果，你可以使用HTML和CSS。
3、首先新建一个html文件，命名为test.html，在test.html文件内，在div内，使用img标签创建一张图片，使用p标签创建两个文字。然后在test.html文件内，设置div的class属性为mydiv。接着在css标签内，通过class设置div的样式，定义它的宽度为280px，高度为200px，位置属性为相对定位（relative）。
4、第一步，找到一张动态图。方法/步骤2：第二步，打开页面源代码。方法/步骤3：第三步，找到页面代码。方法/步骤4：第四步，打开W3C编辑器。方法/步骤5：第五步，插入图片地址（由于用的是W3C服务器，所以用的图片都是W3C的图片，而且用的是相对地址）方法/步骤6：第六步，点击提交后，图片出现了。
5、使用css中的flaot属性就可以了，首先打开DreamWeaver，创建html文件：然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。
在样式里面加入浮动属性就可以做到，是需要敲代抄码的。如果敲代码，DW软件系统默认给弄成相对与绝对定位position，但这种方式不利于后面内容的排版。你可以给左边的图片加入左浮动，就像这样： img{float： left；}，然后再给右边的文字加入左浮动，这样：div{float： left；} 。
然后再双击右边的CSS样式窗口内其中一个标签的CSS。在div标签的CSS窗口中分类选项中，找到【方框】，设置Float为left，即向左浮动。最后完成左右并排。
首先，创建两个div，如下图所示，然后进入下一步。其次，完成上述步骤后，需要给其Class属性，如下图所示，然后进入下一步。接着，完成上述步骤后，使用CSS通过Class属性为其设置样式，如下图所示，然后进入下一步。
双击其中一个div标签的CSS样式，在打开的样式编辑窗口中，找到【方框】分类选项。将【Float】属性设置为left，即向左浮动。对另一个div标签也进行同样的操作，将其【Float】属性设置为left。检查结果 完成上述设置后，两个div标签应该会在页面中左右并排显示。
网页设计时将图片和文字位于同一水平方法：不要给文字标签加属性。给img{vertical-align： middle；}一个属性即可。img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上（内/外）边距。
水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。在dreamweaver中依次点击“插入→标准”，然后单击“水平线”按钮即可添加一条水平线。Html代码为。
一些网站在页头设计中，将菜单导航的高度与标志区域的高度对齐，同时导航区域文字的左侧与内容区域的文字做对齐。这种对齐方式使整个页头看起来更为整洁和美观。内容区域与导航部分对齐 一些网站在内容区域的设计中，将文字、块与导航的部分对齐，形成一个奇特的视觉区域。
