css里,怎样使多个div元素并列一行?

html-css08

css里,怎样使多个div元素并列一行?,第1张

想要让多个div元素并列成一行,可以将div元素的float属性设置为left。但这样做还不够,应为当浏

览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部,所以需要将想要并列的div元素套

在另外一个大div里,当然,这个大div宽度要大于并排div宽度的总和。这样子,就可以做到怎么变

换窗口大小时div都不会跑到下面了。

以下是具体演示步骤:

1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。

2、在body标签里添加一个大div来容纳并列的div。

3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可

4、运行效果。

CSS里的float配置,值为left,表示顺序靠左,值为right,表示顺序靠右。至于margin-right:-200px,这个只是因为a的width设置为100%,为了不出现换行的情况,那么就必须让b这个DIV有空间,而b的width刚好是200,设置了这个margin-right后,刚好满足了b的需求。

以上回答你满意么?