自适应与绝对定位关系

不管二列还是多列不都是对自适应元素设置绝对定位的吗？为什么我在其他课程里看到三列布局中中间元素设置自适应的时候反而是在左右两边设置了绝对定位？

00:47

权哲

2016-01-06

源自：网页布局基础 4-4

关注问题我要回答

1022

操作

收起

2 回答

七月小麦麦
2016-01-06

其实在哪个元素上设置属性没有什么太大的关系，设置absolute的目的只是为了使其脱离文档流（不使用的话元素仍然是块级元素，直观表现就是会使后面的兄弟元素另起一行）。然后搭配magin值使其产生与父元素的间距，最后表现出来的就是自适应（margin值不变）。

2 回复有任何疑惑可以回复我~

收起回答

权哲提问者
2016-01-06

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; right:0;top:0; position:absolute; background:#FCC;}

</style>

</head>

<body>

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

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

</body>

我说的就是这行代码！！！！！！