一只程序媛

执着着我的执着,坚持着我的坚持!不积跬步无以至千里!

css布局:等高布局

等高布局:(左右两边,一侧设置高度,另一侧自适应)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>等高布局</title>
    <style>
        *{ margin:0;padding: 0;}
        .wrap{ width:1000px; margin: 0 auto;overflow: hidden;}
        .left{ width:200px;background: yellow;float: left;padding-bottom: 10000px;margin-bottom: -10000px;}
        .right{ width:800px;background: yellowgreen;float: right;padding-bottom: 10000px;margin-bottom: -10000px;}
    </style>

</head>
<body>

<div class="wrap">
    <div class="left">

        &nbsp;&nbsp;&nbsp;页面内容 &nbsp;&nbsp;&nbsp; &nbsp;<br>

    </div>
    <div class="right">

        &nbsp;&nbsp;&nbsp;页面内容 &nbsp;&nbsp;&nbsp; &nbsp;<br>
        &nbsp;&nbsp;&nbsp;页面内容 &nbsp;&nbsp;&nbsp; &nbsp;<br>
        &nbsp;&nbsp;&nbsp;页面内容 &nbsp;&nbsp;&nbsp; &nbsp;<br>
        &nbsp;&nbsp;&nbsp;页面内容 &nbsp;&nbsp;&nbsp; &nbsp;<br>


    </div>
</div>

</body>
</html>

效果如图所示

阅读更多
版权声明:谁没个菜的时候! https://blog.csdn.net/qq_32584661/article/details/52354801
文章标签: 布局 等高布局
个人分类: 前端笔记 css
想对作者说点什么? 我来说一句

CSS实现三列DIV等高布局.html

2010年09月06日 4KB 下载

没有更多推荐了,返回首页

不良信息举报

css布局:等高布局

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭