左中右布局经典案例

最新推荐文章于 2019-01-15 23:24:54 发布

weixin_34128534

最新推荐文章于 2019-01-15 23:24:54 发布

阅读量144

点赞数

文章标签： java

<!DOCTYPE html>

<html lang="en-US">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk">

    <style type="text/css">

        body{margin: 0px;}

        #divLeft{width:100px;height:800px;float: left;margin:0px;background-color:#8ADEFF;}

        #divCenter{width:100%;height:800px;margin:0px auto;background-color:red}

        #divRight{width:100px;height:800px;float: right;margin:0px;background-color:pink;}

    </style>

    <title>左中右</title>

</head>

<body>

    <div id="divLeft">

        左边的

    </div>

    <div id="divRight">

        右边的

    </div>

    <div id="divCenter">

        中间

    </div>

</body>

</html>

关注博主即可阅读全文