html绝对定位

  • 内容
  • 评论
  • 相关

父级元素中添加一个相对定位position:relative那么在设置子元素的绝对定位时,子元素就已此为开始设置的参照位置(参照物)

 

例如:让子元素相对父元素水平居中360截图20151204213554986.jpg

 

 

<div style="width:1000px;margin:0 auto;height:300px;background:pink;position:relative;">
<div style="width:300px;height:150px;background:red;position:absolute;left:50%;margin-left:-150px;"></div>
</div>

 

 

本文标签:

版权声明:若无特殊注明,本文皆为《菜鸟站长》原创,转载请保留文章出处。

本文链接:html绝对定位 - https://wlphp.com/?post=38

发表评论

电子邮件地址不会被公开。 必填项已用*标注

福利广告

Fatal error: Uncaught exception 'RedisException' with message 'WRONGPASS invalid username-password pair' in /www/wwwroot/www.wlphp.com/content/templates/FLY/footer.php:264 Stack trace: #0 /www/wwwroot/www.wlphp.com/content/templates/FLY/footer.php(264): Redis->auth('Bsgj0711!') #1 /www/wwwroot/www.wlphp.com/content/templates/FLY/echo_log.php(133): include('/www/wwwroot/ww...') #2 /www/wwwroot/www.wlphp.com/include/controller/log_controller.php(105): include('/www/wwwroot/ww...') #3 /www/wwwroot/www.wlphp.com/include/lib/dispatcher.php(77): Log_Controller->displayContent(Array) #4 /www/wwwroot/www.wlphp.com/index.php(13): Dispatcher->dispatch() #5 {main} thrown in /www/wwwroot/www.wlphp.com/content/templates/FLY/footer.php on line 264