怎样把一个DIV放到另一个div右下角

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

怎样把一个DIV放到另一个div右下角怎样把一个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设置为绝对定位;

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航