div三列,左列宽度固定,右两列均分剩余宽度,请问用css怎么实现?

如图,请问用css怎么实现?或者用别的办法实现?谢谢。... 如图,请问用css怎么实现?或者用别的办法实现?谢谢。 展开
 我来答
工程师首岳
2014-06-25 · TA获得超过278个赞
知道小有建树答主
回答量:162
采纳率:100%
帮助的人:103万
展开全部
<!doctype html>
<html>
<head>
    <title></title>
    <style>
        div
        {
            height: 200px;
            border: 0;
        }
        .clear:after
        {
            content: '\20';
            clear: both;
            display: block;
        }
        .left
        {
            width: 150px;
            float: left;
            background-color: Yellow;
        }
        .content
        {
            margin-left: 150px;
            display: block;
            position: relative;
        }
        .content div
        {
            width: 50%;
        }
    </style>
</head>
<body>
    <div class="clear">
        <div class="left">
            左
        </div>
        <div class="content clear">
            <div style="background-color: Red; float: left;">
            </div>
            <div style="background-color: Black; margin-left: 50%;">
            </div>
        </div>
    </div>
</body>
</html>

 

匿名用户
2014-06-25
展开全部
使用百分比
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式