返回 作业:浮动效果... 登陆

作业:浮动效果

太早 2019-07-06 12:07:25 158
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>This is a demo</title>
    <style>
        div{
            width: 100%;
            overflow: auto;
        }
        #p1{
            width:150px;
            height:1000px;
            float: left;
            background-color: red;
            text-align: center;
        }
        #p2{
            background-color: yellow;
            height:1000px;
            margin-left: 150px;
            margin-right: 230px;
            text-align: center;
        }
        #p3{
            width:230px;
            height: 1000px;
            float:right;
            background-color: blue;
            text-align: center;
        }
    </style>
</head>
<body>
<div>
    <p id="p1">左导航栏</p>
    <p id="p3">中间内容</p>
    <p id="p2">右导航栏</p>
</div>
</body>
</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤 • 省市区接口说明 • 用thinkphp,后台新增栏目 • 管理员添加编辑删除 • 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消 回复 发送
  • PHP中文网