margin是什么

<style type="text/css">

<style type="text/css">

body{ margin:0; padding:0; font-size:30px; font-weight:bold}

div{ line-height:50px}

.left{ width:200px; height:600px; background:#ccc;position:absolute:left:0; top:0}

.main{ height:600px;margin:0 310px 0 210px; background:#9CF }

.right{ height:600px; width:300px; position:absolute;right:0;top:0;background:#FCC;}

</style>

</head>


<body>

    

    <div class="left">left</div>

    <div class="main">设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。</div>

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

</body>


怎么效果和课后作业不一样啊??明明是按照老师代码敲的,就是中间那么main和fight还有left的位置不一样,那个margin一直都不清楚是什么!


89757yd
浏览 2354回答 6
6回答

慕女神的哥哥

注意安全,保持车距。这个车距就可以说是margin,在网页中上下相邻两个元素的margin会叠加,取大值

Busy

margin叫外边距,说白了,就是某一边以外的距离。 例如:margin-left 就是,这个元素,左边以外的距离

xiaowtz_

百度一下css盒子模型

背着灯笼

外边距

夏rain天

我的理解是: 元素与元素之前的距离 margin:10px 20px 30px 40px (表该元素距离上面10px ,右面20px,下面30px,左面40px) margin:10px 20px 30px (表该元素距离上面10px, 左右面都20px,下面30px) margin:10px 20px (表该元素距离上下面10px,左右面都20px) margin:10px (表该元素距离上下左右面都10px)

旅行

margin是外边距,控制与其它标签的距离用的(ps:我这样理解的)
打开App,查看更多内容
随时随地看视频慕课网APP