关于position定位_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-21 09:30:23969검색
如上图的 大V
html结构
V
大V如何定位，父节点div已经使用了position:absolute，或者有更加简易的代码
回复讨论(解决方案)
绝对定位是相对于定位父级的，所以，只要你确定了他相对的父级，那么就好处理
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title><style>.box{position:relative; border: solid 1px #ccc; height:300px; width:200px;margin:100px auto;}.sub{ position:absolute;top:-50px;}.sub img{width:200px;height:200px;}.sub span{ position:absolute;right:0;bottom:0; border-radius:20px 20px; border:solid 2px #FF0;color:#FF3; padding:0 5px;}</style></head><body><div class="box"> <div class="sub"> <img src="http://img0.bdstatic.com/img/image/mingxingliminhao.jpg"/ alt="关于position定位_html/css_WEB-ITnose" > <span>V</span> <!--大V如何定位在最下方，父节点div已经使用了position:absolute。。。--> </div></div></body></html> 这个和父节点有没有使用绝对定位有关系么？
这个和父节点有没有使用绝对定位有关系么？
有关系，无论父结点是相对定位还是绝对定位，子节点的绝对定位就会相对于该父节点，这样就能很方便实现LZ的要求。
楼主到底是要定位的大V 呢还是什么啊 。要定位大V 就给大V 加 absolute 啊
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.