当前位置:首页>正文

div怎么做到左右布局

2023-12-29 22:15:44 互联网 未知

div怎么做到左右布局?

不定宽布局:

不定宽布局分为一边不定宽和两边不定宽两种形式,在实际运用中第二种情况是不会采用的,我们具体来分析一下一边不定宽的左右布局方法,有以下两种情况:

1、左边定宽,右边不定宽,左在上,右在下;( 左边在右边div的上边)

遇到这种情况时,要将两个div进行左右布局,与左右定宽布局的方法基本相同,只需要将左边的div向左浮动{float:left},并清除浮动,右边的div就会跟在已浮动的“div左”后面,即已经实现左右两列布局了。

2、左边定宽,右边不定宽,左在下,右在上;

将右边div写在上方,通常是希望在加载网站内容时先显示右边的内容,这种情况在“左边为菜单,右边是内容”的左右布局中经常用到。