为了账号安全,请及时绑定邮箱和手机立即绑定

三栏布局(两边固定,中间自适应),为什么我两种方法一样,结果也不一样?

三栏布局(两边固定,中间自适应),为什么我两种方法一样,结果也不一样?

咩咩咩3124927 2016-05-18 21:49:09
<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title></title>    <style type="text/css">        #left {    float: left;    width: 220px;    height: 200px;    background: blue;    }                #right{    float: right;    width: 220px;    height: 200px;    background: blue;    }                #main {    height: 200px;    background:red;    margin: 0 230px;    }    </style></head><body>    <div id="left">left </div>    <div id="right">right</div>    <div id="main">mian</div></body></html>
查看完整描述

4 回答

?
一杯2块的奶茶

TA贡献226条经验 获得超75个赞


不一样,html代码不同,中间的要放到最后

查看完整回答
反对 回复 2016-05-19
?
吃不胖很惆怅

TA贡献2条经验 获得超0个赞

可以学习下 圣杯布局

查看完整回答
反对 回复 2016-05-19
?
咩咩咩3124927

TA贡献3条经验 获得超0个赞


麻烦各位看一下,第一种方法可以实现,第二种不行。但是这两个代码都是一样的啊?

查看完整回答
反对 回复 2016-05-18
?
咩咩咩3124927

TA贡献3条经验 获得超0个赞

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
    .left{
        width: 220px;
        height: 200px;
        float: left;
        background: orange;
    }
    .right{
        width: 220px;
        height: 200px;
        float: right;
        background: green;
    }
    .center{
        height: 200px;
        background:red;
        margin: 0 230px;
    }
    </style>
</head>
<body>
    <div class="left"></div>
    <div class="center"></div>
    <div class="right"></div>
</body>
</html>


查看完整回答
反对 回复 2016-05-18
  • 4 回答
  • 0 关注
  • 1518 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信