css的并列选择器怎么使用

html-css011

css的并列选择器怎么使用,第1张

比如

.s1{样式}

.s2{样式}

.s3{样式}

<div class="s1 s2 s3"

以上不就并列了啊。要是这样情况,有冲突定义,以后者为准,要是都没有,样式全生效。

想要让多个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、运行效果。

<div class="test1">

<div id=1>

<img src="../pic/123.gif" />

</div>

<div id=2>

<p>123</p>

<P>234</P>

<p>345</p>

</div>

</div>

这个放在 title之下 head这前

<style type="text/css">

<!--

.test1 #1 {

float: left

}

.test1 #2 p {

float: right

}

-->

</style>