css+div 两列并排 容器内显示 问题求助

Question

css+div 两列并排 容器内显示 问题求助

.listmain {
float:center;
width:950px;
}
.left {
float:left;
width:728px;
}
.right {
float:right;
width:222px;
}

<div class="liatmain">
<div clasd="left">{$MY_首页中部950A}</div>
<div clasd="right">{$MY_首页中部950B}</div>
</div>
回答的很详细很认真，十分感谢。刚放网站上可是结果还是一样的。那两个列的内容依然不是在网页居中显示。 问题在哪儿呢 恳请赐教

Answer 1

问题一：

.listmain {
float:center; /*这边的“float:center; ”应该是想让它在页面居中显示吧？改成“margin:0px auto;”*/
width:950px;
}

正确的如下：

.listmain {
margin:0px auto;
width:950px;
}

问题二：
<div class="liatmain">
<div clasd="left">{$MY_首页中部950A}</div> /* “clasd”改成“class” */
<div clasd="right">{$MY_首页中部950B}</div> /* “clasd”改成“class” */
</div>

正确的如下：

<div class="liatmain">
<div class="left">{$MY_首页中部950A}</div>
<div class="right">{$MY_首页中部950B}</div>
</div>

问题三：

.left {
float:left;
width:728px;
}
.right {
float:right;
width:222px;
}

这边“.right”和“.left”的“float”属性值应该是一致的为“left”，而不该是一个“left”和一个“right”。
虽然你这么做最终也实现了想要的效果，但只是巧合。

综上可修改为：

.listmain {
margin：0px auto;
width:950px;
}

.left,.right{
float:left;
}

.left {
width:728px;
}

.right {
width:222px;
}

Answer 2

<style type="text/css">
.listmain { margin:0 auto; width:950px; }
.left { float:left; width:728px; }
.right { float:right; width:222px; }
</style>

<div class="listmain">
<div class="left">{$MY_首页中部950A}</div>
<div class="right">{$MY_首页中部950B}</div>
</div>

错误:你把clss写成clasd
网页居中用margin:0 auto; 至于float:center没有中浮动的好不