`
xitong
  • 浏览: 6198253 次
文章分类
社区版块
存档分类
最新评论

Html结合CSS,让DIV始终在浏览器的最下面,不受其他环境影响!(纯示例)

 
阅读更多
        /* ========================== 【底部DIV】 css 代码 =========================== */
        
            .bottom 
            {
                position:fixed;
                 right:0px; 
                _position:absolute;
                 /*_right:17px;*/
                bottom:0px;
                background:#f1f1f1;
                color:#fff;
                border-top:1px solid #fff;
                display:block;
                width:100%;
                text-align:center;      
             }
            .bottom span 
            {
                position:relative;
                display:block;
                top:0;
                left:0;
                padding:5px;
            }


HTML代码

 <div class="bottom">
      <span class="style4">  </span>
      <span class="style4">  </span>
	 <span class="style4">©2013 - XXXXXXXXXX有限公司</span><br />
	 <span class="style4">地址:XXXXXXXXXXXXXX1034室  电话:0000-0000000	</span>	<br />
</div>


以上代码的【style4】是对span中的格式进行设置,没有贴代码,不受影响!另外,本技术的参考源自CSDN!


分享到:
评论

相关推荐

    纯DIV+CSS网页示例

    你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。 8.更好的控制页面布局。不用多说。 9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。 ...

    css+div技术参考手册

    css+div技术参考手册 什么是样式表: CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页: 你...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    站长推荐全新兼容DIV+CSS版中国地图 JS+DIV+CSS支持热点效果的中国地图 16.支持4级树形 展开菜单插件dTree原版下载 2)JQuery Tab 1.jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件) 2....

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    117. 适合网站内容推广淡入淡出特效的jQuery焦点图结合文字导航切换特效(很精美) 118. 非常不错jQuery放大镜实例包下载(可放大图片与区域放大的AnythingZoomer插件) 119. 非常不错jQuery网页内容图片分类插件带...

    100多个JQuery效果示例(实例)div+css+javascrpit

    2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效...

    CSS Mastery 精通CSS英文版 +源码下载

     本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。...

    JavaScript_JQuery_CSS_DIV漂亮的实例

    13. jQuery仿新浪新闻图片浏览器(支持鼠标左右滚动控制图片切换) 14. jquery仿苏宁易购商城产品图片全方位展示功能 15. jquery制作漂亮按钮示例打包 16. jQuery动态切换网页背景的大块图片的导航栏代码 17. ...

    《CSS全程指南》随书光盘

    之后本书又着重讨论如何使用DIV结合CSS来搭建网站,同时也介绍了CSS在Dreamweaver中的应用。并且对于在CSS制作过程中遇到的Bug进行了详细的分析。 本书适合初、中级网页设计爱好者阅读参考。 第1篇 新手上路 第1章 ...

    纯CSS3实现带动画效果导航菜单无需js

    随着互联网的发展,网页能表现的东西越来越多。由最开始单纯的文字和链接构成的网页,到后来的表格布局,再到...下面是效果图: 查看示例(请在支持css3的浏览器中查看效果,最新版的chrome浏览器下效果最佳。) 纯css

    div实现阴影边框效果(适应各主流浏览器)

    阴影效果在以前或许会采用图片来实现,而如今使用css便可实现,本文有个不错的示例,喜欢的朋友可以参考下

    JS拖拽DIV后保存位置示例

    本实例从通达OA工作桌面提取,包括js、css,浏览空白时,请将浏览器编码改为UTF-8

    CSS控制Table内外边框、颜色、大小示例

    不过客户的网站在添加内容的时候始终不满意那些边框效果:要么没有,要么很粗。看得出来,这位客户是位完美主义者。 在默认的情况下,我们的CSS将Table的边框清除掉了,是没有的,看到的效果是这样的。 无边框Table...

    css2中文手册.chm

    color版本:CSS1 兼容性:IE4+ NS4+ 继承性:有 语法: color : color 参数: color : 指定颜色。请参阅颜色单位和附录:颜色表 说明: 检索或设置对象的文本颜色。无默认值。 注意,用颜色名称...

    css重置浏览器字体大小示例分享

    如果你不想下载9MB的文件,代码如下: 复制代码代码如下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0; } table { border-collapse:...

    DIV+CSS相对IE6 IE7和IE8浏览器行为区别及兼容性问题整理

    本文向大家简单描述一下DIV+CSS相对IE6 IE7和IE8兼容问题整理,重点介绍一下IE6 IE7和IE8等浏览器的区别和联系,相信本文介绍一定会让你有所收获。 DIV+CSS相对IE6 IE7和IE8兼容问题整理 1.区别IE和非IE浏览器 ...

    利用css实现浮雕效果示例代码

    flex在chrome是完全支持的,要加-webkit-前缀,其他的浏览器有的支持有的不支持,自己去查css手册,今天主要想讲一下怎么制作出浮雕效果 先附上代码: &lt;div class=title&gt; &lt;div class=word&gt;生活服务&lt;/div&gt; &lt;div ...

    CSSFlexbox布局助手Flex-layout-attribute.zip

    示例内容分布在一行里并在容器居中:&lt;div layout="row center-center"&gt;  &lt;div&gt;1&lt;/div&gt;  &lt;div&gt;2&lt;/div&gt;  &lt;div&gt;3&lt;/div&gt; &lt;/div&gt;DEMO特点专注于 HTML 属性 -- 独立的布局标记,语义化和简洁的语法不仅是栅格(网格)...

    JavaScript完全自学宝典 源代码

    1.本书1~21章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:UltraEdit12.10a、eclipse-jee-europa Web浏览器:Microsoft Internet Explorer 6.0及以上版本 ...

    AspNetPager 7.2 7.02控件源码与示例

    分页是Web应用程序中最常用到的功能之一,在ASP.NET中,虽然自带了一个可以分页的DataGrid(asp.net 1.1)和GridView(asp.net 2.0)控件,但其分页功能并不尽如人意,如可定制性差、无法通过Url实现分页功能等,...

Global site tag (gtag.js) - Google Analytics