`
yangpanwww
  • 浏览: 624926 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

CSS + DIV 内容底部显示

CSSXHTMLHTML 
阅读更多

简单，，看下面代码：

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>testing</title>
<style type="text/css">
#foot{position:fixed;_position:absolute;bottom:0px;_bottom:0px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop)}
</style>
</head>
<body>
<div  style="height:1500px;">
   为了看到效果....我用 div 撑开界面，，
</div>
<div id="foot">
    小妞！ 我要一直显示在底部.....
</div>


</body>
</html>

 

 

 注意哦：

 

 代码中的的

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   是必须 要的啊 

 

分享到：
| 开源 Dewplayer MP3网页播放器
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页制作实例（CSS+DIV）之二

    1. **容器**：DIV常作为内容的容器，可以包含其他HTML元素，通过CSS定义其布局和样式。 2. **布局划分**：通过设置不同的类或ID，用DIV划分网页的不同区域，如头部、主体、侧栏和底部。 3. **布局定位**：利用CSS的...

    css+div教程实例

    例如，`&lt;div class="container"&gt;内容&lt;/div&gt;`，然后在CSS中定义`.container`的样式。 三、CSS布局模式 1. 流动布局（Block Layout）：默认情况下，div元素会占据整行，适合做文章布局。 2. 行内布局（Inline Layout...

    水晶石技法CSS+DIV商业网站设计【随书光盘】

    【水晶石技法CSS+DIV商业网站设计】是一种高级的网页设计技术组合，旨在创建美观、高效且响应式的商业网站。这种技法将CSS（层叠样式表）与HTML的DIV元素结合，实现页面布局的精确控制，同时提升用户体验。在本随书...

    网页设计-页面布局篇(Css+Div)

    **标题与描述**：本教程聚焦于网页设计中的关键环节——页面布局，并详细介绍了如何运用CSS和Div技术来构建网页的基本结构。 **重要性**：网页设计是网络开发的重要组成部分之一，良好的页面布局不仅能够提升用户...

    自己做的CSS+DIV模板，很不错。

    以上代码展示了一个简单的CSS+DIV布局，包含头部、主要内容区域（包含侧边栏）和底部。通过CSS，我们可以调整各个部分的样式，实现所需的设计效果。 总的来说，CSS+DIV模板是现代网页设计的基础，它允许开发者创建...

    CSS+DIV漂亮网页模版

    CSS是网页设计的核心技术之一，用于控制网页元素的样式、布局和表现，而DIV则常作为容器元素，用于组织网页内容，配合CSS实现灵活的布局。 在这个模版中，我们可以看到以下几个关键知识点： 1. **CSS布局**：模版...

    十步学会用css+div建站

    每个div将包裹对应的内容，并可以通过CSS进行样式定制。 第四步，处理网页布局和div浮动。在CSS中，我们可以使用float属性来控制div的浮动，以便实现多列布局。例如，"content"和"sidebar-a"可以分别浮动到左边和...

    CSS+DIV固定底部的漂浮导航条（多浏览器兼容）

    本文将深入探讨如何使用CSS和DIV来实现这样一个多浏览器兼容的固定底部导航条。 首先，我们需要理解CSS中的定位属性，这在创建固定元素时至关重要。CSS中的`position`属性有四个主要值：`static`（默认值）、`...

    网站模板(DIV+CSS+JQUERY)

    在本模板中，DIV被用来划分不同的内容区域，如头部、主体、侧边栏和底部等，以实现清晰的结构和良好的可维护性。 **CSS**（层叠样式表）则是用于定义HTML或XML（包括如SVG、MathML等各种XML方言）文档的样式语言，...

    自己收集的导航,AJAX,BOX,图片切换效果等JAVASCRIPT和CSS+DIV等..

    在IT行业中，JavaScript和CSS+DIV是网页设计与开发中不可或缺的部分。这些技术结合使用，可以创造出丰富的用户体验和动态交互效果。"自己收集的导航、AJAX、BOX、图片切换效果等"是一个涵盖多种前端技术的资源集合，...

    css+ div网页制作模板

    在压缩包文件“3c-hd-ft-flex”中，我们可能看到的是一个包含头部（hd）、主要内容（body）和底部（ft）的网页结构，其中可能运用了CSS3的Flexbox布局。Flexbox是一种用于创建弹性布局的模型，可以方便地调整元素的...

    CSS+DIV瀑布流

    **CSS+DIV瀑布流详解** 在Web前端开发中，CSS+DIV瀑布流是一种常见的布局方式，主要用于创建视觉效果丰富的网格展示，例如图片墙、商品展示等。这种布局方式以其独特的排列方式，使得页面元素如同瀑布般自上而下、...

    CSS+DIV 作业/个人博客/neusoft

    3. **文章样式**：每个博客文章可以作为一个独立的DIV，通过CSS设置文章的标题、内容、日期、作者等样式，保持整体风格一致。 4. **响应式设计**：利用CSS媒体查询（Media Queries），我们可以实现不同设备上的适配...

    CSS+DIV网页换肤

    例如，我们可以用一个大的DIV作为页面主体，然后在其中嵌套小的DIV来划分头部、内容区和底部等部分。 实现网页换肤的关键在于创建一组预设的CSS样式表，并让它们对应不同的皮肤。这些样式表通常包含对网站全局元素...

    CSS+DIV布局教程

    5. `#Footer`：页面底部，通常用于显示版权和链接信息。 每个&lt;div&gt;都有其特定的ID，便于通过CSS选择器进行样式设置。例如，`#Header`就是选择器，用于选取具有id="Header"的&lt;div&gt;元素，并为其定义样式，如宽度、...

    css+div教程，实例，入门

    - 在网页开发中，通常使用HTML来组织网页内容，而使用CSS来控制这些内容的显示样式。 2. **DIV标签**： - **DIV**是一种无语义的块级元素，常被用作容器来分组页面上的其他HTML元素或者用于对元素进行样式化。 -...

    CSS+DIV初级教程.doc

    例如，一个典型的网页布局可能包含顶部（包含LOGO、MENU和Banner）、侧边栏、主要内容区域以及底部（显示版权信息）等部分。通过分析这些元素，我们可以规划出页面的结构。 在HTML中，我们用DIV标签来创建可自定义...

    CSS+DIV模板165款

    在网页设计领域，CSS（Cascading Style Sheets）与DIV元素是构建现代、响应式和高效网站布局的关键技术。这个“CSS+DIV模板165款”资源集合为设计师提供了丰富的选择，帮助他们快速地创建出美观且功能强大的网页。 ...

    个人博客div+css可以作为作业交的

    4. 内容区域：使用Div划分文章、图片、评论等模块，通过CSS设置间距、对齐方式以及边框。 5. 侧边栏：可包含最新文章、热门文章、分类链接等，通过CSS调整其宽度和位置。 6. 底部信息：包括版权信息、社交网络链接...

Magicbox
Global site tag (gtag.js) - Google Analytics