前端学习之CSS---两栏布局、三栏布局

最新推荐文章于 2023-04-15 17:32:30 发布

Jonahr

最新推荐文章于 2023-04-15 17:32:30 发布

阅读量182

点赞数

分类专栏：前端学习文章标签： css 前端学习

本文链接：https://blog.csdn.net/weixin_45258154/article/details/125064075

版权

一、两栏布局

1、清样式、设置html高度

*{
   
    margin:0;
    padding:0;
}
html,body{
   
    height:100%;
}

2、设置两个div

方案1：margin-left

<style>
    .box1{
     
        width:200px;
        height:100%;
        background:red;
        float:left;
    }
    .box2{
     
        height:100%;
        background:yellow;
        margin-left:200px;
    }
</style>
<body>
    <div class

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jonahr

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习之CSS---两栏布局、三栏布局

一、两栏布局1、清样式、设置html高度*{ margin:0; padding:0;}html,body{ height:100%;} 2、设置两个div方案1：margin-left<style> .box1{ width:200px; height:100%; background:red; float:left; } .box2{
复制链接

扫一扫