在DW中,你可以轻松地将两个DIV元素设置为上下排列。首先,打开HTML编辑模式,选择【插入】,然后在【布局对象】菜单中找到【Div标签】选项,点击以添加两个新的元素。对于第一个div,设定其长宽为200px,类名为“1,接下来创建第二个div,同样设置长宽为200px,类名为“2。此时,你会看到两个div默认是上下并排的。
然后,进入CSS样式窗口,双击你想调整的其中一个div的样式。在CSS分类选项中,找到【盒模型】或【浮动】区域,将浮动属性设置为“left,这会使其向左浮动。这样,原本的上下排列就会变为第一个div在左侧,第二个div在右侧,实现了你想要的效果。只需确保应用了正确CSS规则,两个div就会完美地并排显示。完成这些步骤后,你的设计就完成了。