Question

也许这很简单，但我无法得到它。

我希望我的3列中心有1280宽度，另外两个调整窗口大小的功能（例如，如果窗口大小为1280px，我看不到边divs。。

这是我的代码。我哪里错了？

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<style>

div{display:block;}


#left{
    border:1px solid green;
    float:left;
    width:auto;
    }
#center{
    border:1px solid red;
    width:1280px;
    float:left;
    }
#right{
    border:1px solid purple;
    float:left;
    width:auto;
    }

</style>
</head>

<body>
    <div id="container_center">
        <div id="left">&nbsp;</div>
        <div id="center">
        Lorem ipsum
        </div>
        <div id="right">&nbsp;</div>
    </div>

</body>
</html>

Answer 1

如果您向我们提供了此网址，这将有所帮助，因此我们无需自行加载，但我首先要添加min-width:10px;和min-height:100px。可能从一些lorem ipsum开始，因为某些浏览器可能会忽略你的空间。

3 div在同一条线上：左边和右边根据窗口大小改变它们的宽度，而居中是固定的

1 个答案: