分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

DIV(CSS 定位)

发布时间:2023-09-06 01:22责任编辑:熊小新关键词:CSS
<div style="position: relative;width:800px;height: 300px;background-color: gainsboro;border:1px solid red;margin: 0 auto"> ???<div style="position: absolute;width:100px;height: 100px;bottom: 0;left: 0;background-color: brown"> ???</div></div><div style="position: relative;width:800px;height: 300px;background-color: gainsboro;border:1px solid red;margin: 0 auto"> ???<div style="position: absolute;width:100px;height: 100px;top: 0;right: 0;background-color: brown"> ???</div></div><div style="position: relative;width:800px;height: 300px;background-color: gainsboro;border:1px solid red;margin: 0 auto"> ???<div style="position: absolute;width:100px;height: 100px;bottom:0;background-color: brown"> ???</div></div>

当需要下层DIV在上层DIV中定位时,上层DIV使用relative,下层DIV使用absolute.配合TOP,LEFT,RIGHT,BOTTOM定位。

DIV(CSS 定位)

原文地址:http://www.cnblogs.com/GabyGU/p/7786861.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved