div 并列办法

    在CSS中，div为块状元素，会自动实现换行效果。因此若有多个div结构要实现并列，可以使用如下方法：

1. float:left 方法

HTML：

<div id="testOne">testOne</div>
<div id="testTwo">testTwo</div>

CSS：

#testOne{
    float:left;
}
#testTwo{
    float:left;
}

但要注意，在用float:left的方法过程中，应注意多个div加起来的总宽度不能超过页面总宽度，超过的话自然会往下面继续排。

 

 

2. display:inline 方法

 

HTML：

<div id="testOne">testOne</div>
<div id="testTwo">testTwo</div>

CSS：

#testOne{
    display:inline;
}
#testTwo{
    display:inline;
}