如何设置盒子随页面滚动移动

1. 开启项目：在 Dreamweaver 中创建一个新的 HTML 文件，确保文件名扩展名为 .html。

2. 设置页面背景：在 Dreamweaver 中，右键点击页面，选择 "背景" > "选择文件",选择一个图片文件作为页面背景。

3. 结构：

   • 添加一个 <div> 标签,作为内容容器。
   • 在容器内添加两个 <p> 标签作为文本内容。

4. 浮动图片：

   • 在图片上右键点击，选择 "设置" > "CSS"。
   • 在 CSS 对话框中，设置 float: left;。
   • **同样的图片，右键点击新图片，设置 float: right;。

5. 调整布局：

   • 确保图片和文本之间有适当的间隔，可能需要添加 <br> 标签以实现换行。

6. 预览效果：在浏览器中打开 HTML 文件,查看效果。

通过以上步骤，您可以轻松地将图片设置在页面的左右两侧，而文本内容将自然地环绕在图片周围,形成一个移动的布局效果。