三列浮动中间列宽度自适应

最新推荐文章于 2020-07-28 21:34:22 发布

wangsky2

最新推荐文章于 2020-07-28 21:34:22 发布

阅读量597

点赞数

分类专栏： CSS+DIV相关内容文章标签： border div html 文档

CSS+DIV相关内容专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<title>无标题文档</title>
<style type="text/css">
body,html   //关键在这里要同时设置body,html的属性
{
    margin:0px;padding:0px;
    height:100%;
}
#left
{
    background-color:#CCC;
    border:2px solid #333;
    width:100px;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;

}
    #right
{
    background-color:#CCC;
    border:2px solid #333;
    height:100%;
    width:100px;
    position:absolute;
    right:0px;
    top:0px;
}
   #center
{
    background-color:#CCC;
    border:2px solid #333;
    height:100%;
    margin-left:100px;
    margin-right:100px;
    top:0px;
}
</style>
</head>

<body>

    <div id="left">
    </div>
    <div id="center"></div>
    <div id="right">
    </div>

</body>
</html>

优惠劵

wangsky2

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
三列浮动中间列宽度自适应

无标题文档 body,html //关键在这里要同时设置body,html的属性 { margin:0px;padding:0px; height:100%; } #left { background-color:#CCC; border:2px solid #333; width:100px;
复制链接

扫一扫