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

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


杨__羊羊
浏览 993回答 2
2回答

慕慕森

可以借助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设置为绝对定位;

饮歌长啸

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><style>div{width:500px;height:500px;border:1px solid #000;}.div{margin-left: 501px;}</style><body><div></div><div class="div"></div></body></html>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3