.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>