使用父对象相对定位,子对象以父对象为参考点绝对定位。
html
<div id="box1">
<div id="box2">盒子内容</div>
</div>
css
<style>
#box1{width:600px;height:600px;background:green;position:relative}
#box1 #box2{width:200px;height:200px;background:red;position:absolute;right:0;bottom:0}
</style>
本文通过一个简单的HTML和CSS实例介绍了如何使用父对象的相对定位与子对象的绝对定位来实现特定的布局效果。在示例中,一个绿色背景的大盒子内包含了一个红色背景的小盒子,小盒子被定位在大盒子的右下角。
494

被折叠的 条评论
为什么被折叠?



