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

来源:百度知道 编辑:UC知道 时间:2024/06/28 22:47:46
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>

这个的结果显示出来内容已经超出950的容器了 怎样才能让它固定在950宽度里显示 帮我修改一哈 谢谢
写错了 是两列显示

.liatmain
{
width:950px;
background-color:#ff0000;
margin:0 auto;
}
.left
{
float:left;
width:728px;
}
.right
{
float:left;
width:222px;
background-color:#ffcc00;
}
.clear
{
clear:both;
}

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

注:float:center,这样的写法是不对的。要让一个层居中,可以写margin:0 auto。我给你加的.clear是为了要清除浮动。兼容浏览器。加了背景,是为了测试。如果还不明白的话可以加我百度HI