Html+Css实现三栏布局响应式

最新推荐文章于 2023-08-30 16:07:08 发布

置顶 QiuRiMangCao

最新推荐文章于 2023-08-30 16:07:08 发布

阅读量2k

点赞数 1

分类专栏： Web前端 Html Css 文章标签： html css 布局响应式布局自适应

本文链接：https://blog.csdn.net/qq_26334813/article/details/53544678

版权

Web前端同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

Html

7 篇文章 0 订阅

订阅专栏

Css

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>宽度自适应布局</title>
<style>
    body,div
    { 
        margin:0; padding:0;
    }
    div
    { 
        height:500px; color:#F00;
    }
    .left
    { 
        float:left; 
        width:100px; 
        background:#00f; 
        _margin-right:-3px;
    }
    .right
    { 
        float:right; width:100px; 
        background:#0f0; 
        _margin-left:-3px;
    }
    .center
    { 
        background:#333; 
        margin:0 100px; 
        _margin:0 97px;
    }
</style>
</head>
<body>
    <div class="left">我是left</div>
    <div class="right">我是right</div>
    <div class="center">我是center</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

QiuRiMangCao

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Html+Css实现三栏布局响应式

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>宽度自适应布局</title><style> body,div { margin:0; padding:0; } div { height:500px; color:#F00; } .
复制链接

扫一扫