如何让两个div在一个div里面并排

如题所述

 可以采用浮动的方法,只要宽度足够,两个div就可以在一排显示。打div里面包含两个小div。

  方法如下:

  1、创建一个大div。

  代码如下:

  #main  {float:left;border:1px   width:100%;  }

  2、创建一个左边小div

  代码如下:

  #left{float:left;border:1px   width:40%;  }

  3、创建一个右边小div

  代码如下:

  #right {float:left;border:1px   width:40%;  }

  4、制作成css文件,或者直接添加到网页上,就可以实现并排显示。

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答