课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

我的等高布局实现不了

来源：5-1 CSS margin负值定位

幸福来敲门4

2018-07-05 21:04

<style>

.box{overflow: hidden;resize: vertical;width: 1000px;}

.orange,.green{margin-bottom: -600px;padding-bottom: 600px;line-height: 50px;width:50%;}

.orange{background: orange;float: left;}

.green{background: green;float: left;}

</style>

<div class="box">

<nav class="orange">

<h3>导航1</h3>

</nav>

<section class="green">

模块1

</section>

<section class="green">

模块1

</section>

<section class="green">

模块1

</section>

</div>


写回答 关注

1回答

  • qq_行者_90
    2018-07-11 12:31:40

    <style>


    .box{overflow: hidden;resize: vertical;width: 1000px;}


    .orange,.green{margin-bottom: -600px;padding-bottom: 600px;line-height: 50px;width:50%;}


    .orange{background: orange;float: left;}


    .green{background: green;float: left;}

    </style>

    </head>

    <body>

    <div class="box">


    <nav class="orange">


    <h3>导航1</h3>


    </nav>


    <section class="green">


    模块1


    </section>


    <section class="green">


    模块1


    </section>


    <section class="green">

    </div>


    0 0

CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性，解决你多年困惑

55936 学习 · 68 问题

查看课程

相似问题

请问用margin布局等高布局的原理是什么

回答 1

margin负值两栏自适应布局我怎么抄你的代码出不来你的效果

回答 1

求高宽2:1的源码. 我试了问答里的都不太好用

回答 5

7分23，这个效果我怎么复现不了？

回答 1

padding实现白眼效果

回答 2

打开慕课网App查看更多内容