DIV相对于父DIV底部对齐的实现方法

最新推荐文章于 2025-12-04 17:20:28 发布

转载最新推荐文章于 2025-12-04 17:20:28 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shanmao/p/3270128.html

文章标签：

#javascript #ViewUI

本文分享了一段使用CSS进行网页布局的代码实例，展示了如何利用相对定位和绝对定位实现精确的元素定位，以及如何设置边框、背景颜色等样式。

代码如下

<style type="text/css">
.box1 {border:1px #cccccc solid;  width:500px; height:600px;position:relative;}
.box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:1;background-color:red;}
</style>
<div class="box1">
    <div class="box2"></div>
</div>

转载于:https://www.cnblogs.com/shanmao/p/3270128.html