css 问题，速进速结贴

sskset 2008-06-25 07:48:09

有2个div并排，右边那个固定宽度为 200px
左边那个怎么让它自动填充剩余的区域（就算左边的什么内容也没有也要把剩余区域填充满）

div #left
{
???
}

...全文

117 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

-布谷鸟- 2008-06-26

打赏
举报

已收藏

netDust_cv 2008-06-26

打赏
举报

闲游四疯 2008-06-26

打赏
举报

好像还真不会做~汗~

NekChan 2008-06-26

打赏
举报

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default17.aspx.cs" Inherits="Default17" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

    <style type="text/css">

    body

    {

        padding: 0;

        margin: 0;

    }

    

    #left

    {

        height: 100px;

        background: #000;

        color: white;

        text-align: right;

    }

    

    #right

    {

        width: 200px;

        height: 100px;        

        background: red;

        float: right;        

    }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <div id="right">123

        </div>

        <div id="left">

        </div>

    </form>

</body>

</html>

s208ping 2008-06-26

打赏
举报

#left{float:left;background:;}

chxuxu 2008-06-26

打赏
举报

#left1
{width:200px;background:#666;height:400px;float:left;}
#right1
{width:auto;background:#999;height:400px;margin:0 0 0 200px;}

sunshine_anycall 2008-06-25

打赏
举报

其实左边的那个可以让它的内容撑开
要不然用js好了

zkcq2004 2008-06-25

打赏
举报

其实auto 也不会自动去撑开的
可以用%控制
<div style="float:left;width:80%">
</div>
<div style="float:left;width:20%">
</div>

正宗熊猫哥 2008-06-25

打赏
举报

关注～～·
顶一下！！！！！！

一品梅 2008-06-25

打赏
举报

#left{width:auto;float:left;background:red;}

一品梅 2008-06-25

打赏
举报

auto

Feiin 2008-06-25

打赏
举报

<html>
<head>
<style type="text/css">
#left{width:300px;float:left;background:red;}
#right{background:green;}
</style>
</head>
<body>
<div id="left">left</div>
<div id="right">right</div>
</body>
</html>
如果没有什么就加个空格解决吧呵呵 <div id="right"> </div>

关注更好的方法