1使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件2然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器3打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围。

当浮动元素被放置在容器内时，由于浮动元素脱离了文档流，容器的高度可能不会自动包含浮动元素的高度这可能会导致容器看起来“塌陷”，影响布局为了解决这个问题，可以使用CSS的overflow属性如overflow hidden或overflow auto来清除浮动，或者通过在父容器底部添加一个空的ltdiv元素并设置clear both属性来触发BFC块级格式化上下文，从而包含浮动元素的高度浮动是Web布局。

在HTML中，div是一个重要的元素，全称DIVision，意为“分割区域”，可理解成一个容器从功能用途上看，div元素用来为HTML文档内大块的内容提供结构和背景，定义文档中的分区或节，将文档分割为独立不同的部分，还可组合块级元素以便通过样式表对这些元素进行格式化它可以容纳段落标题表格图像。

在HTML中，让两个div在同一行显示的方法1使用浮动float代码lthtmlltheadltmeta。