CSS 嵌套DIV布局

嵌套DIV布局,会牵扯到CSS的position属性

 

如果内层DIV将position属性设置为absolute,并设置left,和top等属性,还需要考虑外层DIV的position属性设置。

 

absolute:absolute绝对定位,直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢,容器就是离元素最近的一个定位好的“祖先”,定位好的意思就是其Position是absolute或fixed或relative。如果没有这个容器,那就使用浏览器初始的,也就是body或者html元素。标准是说只需要指定left和right,width可以自动根据容器宽度计算出来,可惜ie不支持。

作者: 翟士丹 发表于 2011-04-18 14:20 原文链接

评论: 0 查看评论 发表评论


最新新闻:
· 来无影去无踪 黑客组织Lulzsec震撼互联网(2011-07-01 22:22)
· Facebook社交广告影响:扩大传统内容影响力(2011-07-01 22:19)
· Chrome浏览器全球市场份额6月份升至13.1%(2011-07-01 21:19)
· 微软Windows Phone 7应用突破25000个(2011-07-01 21:11)
· 传三大私募机构商谈惠普分拆PC业务可能性(2011-07-01 20:50)

编辑推荐:"No Backspace in Real Life" 博客园2011T恤正式发布

网站导航:博客园首页  我的园子  新闻  闪存  小组  博问  知识库

posted @   StanZhai  阅读(528)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示