站长之家 - 教程 2009-04-24 10:02

CSS分栏布局的方法:定位和浮动

《CSS分栏布局的方法:定位和浮动》文章已经归档,站长之家不再展示相关内容,下文是站长之家的自动化写作机器人,通过算法提取的文章重点内容。这只AI还很年轻,欢迎联系我们帮它成长:

第一种方法是使用四种CSS定位选项中的绝对定位,它可以将文档中的某个元素从其原本位置上移除,并重新定位在期望的任何地点之上...

绝对定位或浮动都能够用来实现分栏效果...

幸好,在绝对定位模型中有个极为有用的特性,那就是:若某个绝对定位元素的容器也被定位过,那么该元素指定的top和left值将不会基于文档的根元素html计算,而是会基于其容器的左上角计算这个偏移量...

这时候,再用绝对定位布局就行不通了,因为绝对定位的元素会从文档流中完全移除,这时,页脚会紧挨着页头,显示在页头的下方...

需要说明的是,浮动布局依然遵循常规文档流,所以与绝对定位相比,浮动定位时HTML源文件中元素声明的位置显得格外重要...

......

本文由站长之家用户“网页教学网”投稿,本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间,为了保证文章信息的及时性,内容观点的准确性,平台将不提供完整的内容展现,本页面内容仅为平台搜索索引使用。需阅读完整内容的用户,请联系作者获取原文。

推荐关键词

24小时热搜

查看更多内容

大家正在看