Heim > Web-Frontend > HTML-Tutorial > CSS+DIV:父DIV相对定位+子DIV绝对定位_html/css_WEB-ITnose

CSS+DIV:父DIV相对定位+子DIV绝对定位_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:27:40
Original
937 Leute haben es durchsucht

如何在一个div内将一个div进行绝对定位呢?很简单,把父div的position属性设为relative,子div的position属性设为absolute就可以了。。。

示例:

<html><body><div>xxxxx<div><div style="border:1px red solid;width:100%;height:50px;position:relative"><div style="border:1px red solid;width:20px;height:20px;position:absolute;right:0;top:0">x<div><div></body></html>
Nach dem Login kopieren

效果:

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