头闻号

历城区德诺化工商行

综合性公司|食品添加剂|污水处理成套设备|化工原料代理加盟|装修污染清除剂|制药辅...

首页 > 新闻中心 > 科技常识:借助CSS定位来实现把一个DIV放到另一个div右下角
科技常识:借助CSS定位来实现把一个DIV放到另一个div右下角
发布时间:2023-02-01 09:54:46        浏览次数:3        返回列表

今天小编跟大家讲解下有关借助CSS定位来实现把一个DIV放到另一个div右下角 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关借助CSS定位来实现把一个DIV放到另一个div右下角 的相关资料,希望小伙伴们看了有所帮助。

借助CSS定位来实现 你将右下角的那个DIV放在另一个DIV里面 参考代码如下示: 复制代码代码如下: <div id="box1"> <div id="box2">测试内容</div> </div> <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> 父对象相对定位 子对象以父对象为参考点绝对定位; 外层的div设置为相对定位 内层的div设置为绝对定位;

来源:爱蒂网