怎样把一个DIV放到另一个div右下角?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:31:41
Original
1368 Leute haben es durchsucht

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

借助CSS定位来实现,你将右下角的那个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>
Nach dem Login kopieren

父对象相对定位,子对象以父对象为参考点绝对定位;

外层的div设置为相对定位,内层的div设置为绝对定位;

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage