欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css百分比浮动法

程序员文章站 2022-07-09 20:39:26
...
1. css百分比浮动法

<style type="text/css">
    body{
        text-align: center;
    }
    #head,#container,#content,#side,#foot{
        margin:20px auto 20px auto;
        padding:20px 0px 20px 0px;
        border: 1px solid red;
    }
    #head,#container,#foot{
        width: 80%;
    }
    #container{
        border:0px;
    }
    #content{
        float:left;
        width: 63%;
        height: 200px;
    }
    #side{
        float:right;
        width: 180px;
        margin-left: 10px;
        height: 100px;
    }
    #foot{
        clear: both;
    }
</style>
</head>
<body>
<div id="head">head</div>
<div id="container">
    <div id="content">content</div>
    <div id="side">side</div>
</div>
<div id="foot">foot</div>
</body>
相关标签: css