首页文章正文

div布局方式,html div左右布局

div分别样式实现布局 2023-01-15 00:22 787 墨鱼
div分别样式实现布局

div布局方式,html div左右布局

见上图一,是没有设置定位的三个div;下图是将div2设置了相对定位,top:20px; left:20px; div2相对从显示效果可以看出,网页实现了上述要求,网页被布局为左右两栏,左边一栏是一个div元素,右边一栏也是一个div元素。左边一栏的div元素添加了居左浮动样式属性和值为45%(浏览器窗口宽

嵌入样式 外部样式

⊙﹏⊙‖∣° DIV 布局