css 双飞翼

最新推荐文章于 2024-09-26 22:28:09 发布

InAHurryv

最新推荐文章于 2024-09-26 22:28:09 发布

阅读量157

点赞数

分类专栏： css

本文链接：https://blog.youkuaiyun.com/mmmmhello/article/details/79501412

版权

css 专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .main
        {   
            width: 100%;
            float:left;
        }
         .main-content
        {
            margin: 0 210px;
            height: 500px;
            background-color: blue;
        }
        .right 
        {
            float: left;
            width:200px;
            height: 200px;
            background-color: red;
            margin-left: -200px;
        }
        .left 
        {
            float: left;
            width:200px;
            height: 200px;
            background-color: black;
            margin-left: -100%;
        }
    </style>
    <script type="text/javascript">

    </script>
</head>
<body>
    <div class="main">
            <div class="main-content">main 
            </div>
</div>
<div class="left">left</div>
<div class="right">right</div>

</body>
</html>