ltt444280761 2015-10-21 07:22 采纳率: 100%
浏览 1631
已采纳

关于CSS+DIV浮动的一个效果问题

我想让一行显示两个div块，等高，但是第一个是定宽的，第二个是自动占据这一行剩下的宽度

  • 写回答

4条回答 默认 最新

  • 牛坛子 2015-10-21 08:48
    关注
     <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            body,div{
                margin: 0;
                padding: 0;
            }
            .m-content:after{
                display:block;
                visibility:hidden;
                clear:both;
                height:0;
                overflow:hidden;
                content:'.';
            }
            .m-content{
                width:100%;
                height:24px;
                line-height:24px;
                zoom:1;
            }
            .m-content .g-left{
                float:left;
                width:100px;
                background-color:#399521;
            }
            .m-content .g-right{
                width:100%;
                background-color:#39A4DC;
            }
        </style>
    </head>
    <body>
        <div class="m-content">
            <div class="g-left">left</div>
            <div class="g-right">right</div>
        </div>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

悬赏问题

  • ¥15 chaquopy python 安卓
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 CSS实现渐隐虚线框
  • ¥15 有没有帮写代码做实验仿真的
  • ¥15 報錯：Person is not mapped，如何解決？
  • ¥30 vmware exsi重置后登不上
  • ¥15 易盾点选的cb参数怎么解啊
  • ¥15 MATLAB运行显示错误，如何解决？
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容