Maison  >  Article  >  interface Web  >  CSS+DIV:父DIV相对定位+子DIV绝对定位_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 12:27:40883parcourir

如何在一个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>

效果:

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn