龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css div 定位

时间:2012-12-29 08:41来源:未知 作者:admin 点击: 次
分享到：
用css来控制div 的定义方法很多,下面我们就来看看不同方法的实例代码吧. div style=width:150px;height:150px;background:#FF0000;position:relative div style=width:100px;height:50px;background:#006633;position:absolute;

用css来控制div 的定义方法很多,下面我们就来看看不同方法的实例代码吧.

<div style="width:150px;height:150px;background:#FF0000;position:relative">
<div style="width:100px;height:50px;background:#006633;position:absolute;right:0;bottom:0"></div>
</div>

<div style="width:150px;height:150px;background:#FF0000;padding-bottom:0px;position:relative;">
<div style="width:100px;height:50px;background:#006633;margin-bottom:0px;position:absolute;bottom:0;"></div>
</div>

<div style="width:550px;height:150px;background:#FF0000;">
 <div style="width:100%;height:100%;"></div>
 <div style="width:100px;height:50px;background:#006633;margin-top:-50px;float:left">的撒旦撒<Br><Br><Br><Br><Br><Br><Br><Br><Br></div>
 <div style="width:100px;height:50px;background:#006633;margin-top:-50px;float:left"><Br></div>
</div>

<div style="width:150px;height:150px;background:#FF0000;">
 <div style="width:100%;height:100%;"></div>
 <div style="width:100px;height:50px;background:#006633;margin-top:-50px"></div>
</div>

 好了有四种方法,但是都大同小义了,


精彩图集
BS项目中的CSS架构_仅加载自己需要的CSS
BS项目中的
css实现气泡框效果(实例加图解)
css实现气泡

热门标签

multiprocess nextTick() 远程登录 二级域名 erlang 外部命令 兼容 ssh man 关闭按钮 随机获取 删除数据表 js操作table 改变文字内容 Excel 读取Exce dd 无需刷新 易理解 RPM卸载 差 隔行换色 WEB标准 Broker 回调接口 文件权限 非阻塞IO mysql.sock 唯一 引号 图片真实大小 匿名内部类 Formatter 代码审计 增删查改 CSharpThinki 简明教程 添加事件 BCS translator 基础 无域 Sprites 填充 两端 busy Copy-On-Writ 系统认证 Android源码 性能分析工具 logging 生成验证码 dword 脚本映射 extended-sta gnome php php Qu servlet定时器 多列显示 VBS编程教程 事件绑定 蜘蛛算法

赞助商链接