`
musicbox95351
  • 浏览: 229264 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

使用流动布局后 页脚(版权)部分放到底部

    博客分类:
  • css
 
阅读更多
使用流动布局后,本来要放到最下方的版权部分的div总是跟在其它的DIV后面。

解决这个问题的方法是对版权DIV使用 clear:both;样式。

#footer {
    clear:both;
}


clear属性可防止元素包围浮动元素。你可以让元素下落到左浮动对象的下方(clear:left),或者右浮动对象的下方(clear:right)。对于页脚和其他需要显示在网页底部的元素,就应该把左右浮动都清除掉。
分享到:
评论

相关推荐

    紧贴底部的页脚CSS绝对底部

    这就是所谓的“紧贴底部的页脚”或“CSS绝对底部”布局。这种布局方式可以提供良好的用户体验,特别是在内容不足一屏时,避免页脚过早出现在页面中间。接下来,我们将深入探讨如何使用CSS来实现这一效果,并结合...

    精美网站底部美化代码

    在“精美网站底部美化代码”这个主题中,我们将深入探讨如何利用HTML、CSS以及可能的JavaScript来优化网站的页脚部分。 首先,HTML是构建网页的基础,用于定义页面结构。在底部区域,常见的元素包括版权信息、联系...

    CSS3实现底部滑盖页脚.zip

    【标题】"CSS3实现底部滑盖页脚.zip"中的主要知识点是利用CSS3来创建一个具有视觉吸引力的网页底部导航栏,这种效果通常被称为滑盖页脚或视差滚动特效。这种设计能够随着用户滚动页面,页脚以平滑、动态的方式展现,...

    页面布局,实现footer永远在底部

    在网页设计中,保持页脚始终位于页面底部是一项常见的需求,尤其在内容量不固定或者内容较少时,确保页脚不会因为页面内容不足而上移,这样可以提供更好的用户体验。本话题将深入探讨如何通过HTML和CSS技术实现...

    页脚显示在页面底端的布局方法

    ### 页脚显示在页面底端的布局方法 在网页设计与开发中,将页脚固定在页面底部...综上所述,通过上述CSS布局方法,可以有效地将页脚固定在页面底部,不论页面内容多少都能保证其位置不变,适用于大多数网页设计场景。

    通用的网站炫酷底部美化代码

    在构建网站时,底部设计是不容忽视的一部分,它不仅可以提供必要的信息链接,还能提升网站的整体视觉体验。"通用的网站炫酷底部美化代码"正是针对这一需求提供的解决方案。这个资源包含了一套经过优化和bug修复的...

    通用的网站炫酷底部美化代码分享

    在网页设计中,底部区域(通常称为页脚)往往被忽视,但它对于提供网站导航、版权信息、联系详情等重要元素至关重要。本文将探讨如何利用通用的炫酷底部美化代码来提升网站的整体视觉效果和用户体验。 一、底部设计...

    分享一款网站炫酷底部美化代码.zip

    在网站设计中,底部区域(通常称为页脚)往往被忽视,但它对于提供网站导航、版权信息、联系详情等重要元素起着至关重要的作用。"分享一款网站炫酷底部美化代码.zip"是一个压缩包,其中包含了一套用于美化网页底部的...

    页眉页脚使用技巧

    页眉和页脚是文档布局中的重要组成部分,它们通常用于显示文档的附加信息,如页码、日期、作者名、章节标题等。接下来,我们将详细介绍页眉页脚的基本概念、设置方法以及一些实用技巧。 ### 一、页眉与页脚基本概念...

    zencart模板修改定制笔记8:如何修改页脚版权信息内容

    - 修改后的版权信息将在前端页面的页脚部分展示出来。具体展示方式是在`/includes/templates/template_default/common/tpl_footer.php`文件中的第70行左右实现的。 - 这里通过`;?>`语句将定义好的版权信息内容输出...

    wordpress新版7B2主题底部美化教程

    使用媒体查询来调整在手机或平板电脑上的布局。 6. **添加脚本和跟踪代码**:如果需要,您可以在footer.php的`</body>`标签前添加Google Analytics或其他跟踪代码,以及任何必要的JavaScript库或自定义脚本。 在...

    如何使页脚停留在网页的底部?

    在网页设计中,保持页脚始终位于页面底部是一项常见的需求,尤其在内容较少或动态变化时,确保页脚不会因内容不足而上移。这里我们将深入探讨如何利用HTML5和CSS来实现这一效果,以及ASP.NET框架下可能的考虑。 ...

    关于word文档页眉页脚的设置问题

    - 在“布局”选项卡下找到“分隔符”按钮,选择“分节符”下的不同类型(下一页、连续等),这样就可以在不同的章节使用不同的页眉页脚了。 - 设置完成后,回到“插入”选项卡,选择相应的页眉或页脚样式进行编辑。 ...

    word2003页眉页脚设置

    在Word2003中,页眉和页脚是文档不可或缺的部分,它们通常用于放置诸如文档标题、章节名称、页码、日期等辅助信息。页眉位于每一页的顶部,而页脚则位于每一页的底部。正确设置页眉和页脚能够提升文档的专业性和...

    仅在页脚部分的最后一页的最底部打印表格页脚

    标题 "仅在页脚部分的最后一页的最底部打印表格页脚" 描述了一个常见的网页打印问题,即如何确保页脚只在打印预览的最后一页面的底部出现,尤其是在页面内容动态变化时。这个问题涉及到HTML、CSS、JavaScript以及...

    可去除页眉页脚及选择打印部分

    这个主题“可去除页眉页脚及选择打印部分”主要涉及的是如何在打印预览或实际打印过程中调整设置,以便消除不必要的页眉和页脚,同时选择性地打印文档的特定部分。 页眉和页脚的去除通常可以在各个主流的网页浏览器...

    DOC文件页眉页脚修改器

    页脚则位于每页底部,常用于显示页码、日期、版权信息等。 2. **插入页眉和页脚**:在Word中,可以通过“插入”菜单 > “页眉”或“页脚”来添加或编辑这些元素。选择合适的样式,然后在打开的编辑区域输入内容。 ...

    word页眉页脚设置工具

    在Microsoft Word中,页眉和页脚是文档的重要组成部分,它们通常用于添加诸如标题、页码、日期、作者信息等元数据。"word页眉页脚设置工具"是一款旨在简化和增强用户在Word中管理这些元素的软件。下面将详细探讨页眉...

Global site tag (gtag.js) - Google Analytics