圣杯布局

最新推荐文章于 2024-06-17 10:56:40 发布

前端菜菜鸟

最新推荐文章于 2024-06-17 10:56:40 发布

阅读量71

点赞数

文章标签： css

本文链接：https://blog.csdn.net/zh994990183/article/details/99684528

版权

<style>
        .left,
        .right {
            width: 300px;
            height: 300px;
            background-color: aquamarine;
        }

        .center {
            height: 500px;
            background-color: chocolate;
            margin-left: 300px;
            margin-right: 300px;
        }

        .left {
            float: left;
        }

        .right {
            float: right;
        }
    </style>



</head>

<body>
    <p>浮动和外边距结合</p>
    <p>先用外边距撑开一个普通元素无法进入的空间，然后将浮动元素排列进去即可，
        最终的目的就是向两个元素横向排列
    </p>
    <main>
        <div class="left">left</div>
        <div class="right">right</div>
        <div class="center">center</div>
    </main>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端菜菜鸟

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
圣杯布局

<style> .left, .right { width: 300px; height: 300px; background-color: aquamarine; } .center { height: 500px; ...
复制链接

扫一扫