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

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示例

    **DIV+CSS示例** 在Web开发领域,`DIV+CSS`是一种被广泛采用的页面布局技术,旨在提高网页的可维护性和可访问性。它遵循了网站标准,即W3C制定的一系列规范,包括HTML、CSS和JavaScript等方面,以确保网页在不同...

    关于CSS/DIV在各浏览器兼容代码

    ### 关于CSS/DIV在各浏览器兼容代码 在前端开发领域,确保网页在不同浏览器上的一致性表现是一项挑战性的任务。特别是在早期Web标准尚未完全统一的年代,开发者需要掌握一系列技巧来解决浏览器间的差异问题。其中,...

    纯DIV+CSS网页示例

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

    DIV+CSS浏览器兼容

    在网页设计中,`DIV+CSS`是一种常见的布局方式,它能够使页面结构清晰,样式独立,便于维护。然而,由于不同的浏览器对于CSS规范的实现存在差异,尤其是IE6、IE7和Firefox等,这就导致了浏览器兼容性问题。解决这些...

    css + div 滑动弹出div效果

    在网页设计中,CSS(层叠样式表)与HTML中的div元素是构建用户界面的关键工具。结合JavaScript(尤其是jQuery库)可以实现丰富的交互效果,比如...设计时应考虑性能和可用性,确保过渡效果平滑且不影响页面的其他功能。

    CSS+DIV实例

    在网页设计领域,CSS(Cascading Style Sheets)与HTML的结合使用,特别是与`div`元素一起,已经成为创建响应式、...通过阅读教程中的示例,结合实际操作,相信你能在十天内掌握`div+css`的使用,实现Web标准化布局。

    html div css

    7. **浏览器兼容性**:在实际开发中,我们需要考虑不同浏览器对CSS特性的支持情况,可能需要用到Autoprefixer自动添加浏览器前缀,或者使用Polyfill来弥补某些老旧浏览器的不兼容问题。 8. **性能优化**:优化CSS...

    css+div自适应窗口宽度

    这是一个早期的响应式设计技术,但在现代浏览器中已经不推荐使用,因为表达式有性能问题,并且不被其他浏览器支持。 `width:100%`则确保了在所有支持百分比宽度的浏览器中,div元素的宽度始终填充其父元素的整个...

    十步学会用css+div建站

    【标题】:“十步学会用css+div建站”是一个旨在教授初学者如何利用CSS(层叠样式表)和div(HTML布局元素)进行网页设计的教程。通过这个教程,学习者将逐步掌握构建现代、响应式网站所需的基础技能。 【描述】:...

    CSS详解-DIV布局!!

    在网页设计领域,CSS(Cascading Style Sheets)和DIV元素是构建现代网页布局不可或缺的工具。本篇文章将深入探讨CSS的使用以及如何利用DIV进行布局。 首先,CSS是一种样式表语言,用于描述HTML或XML(包括如SVG、...

    CSS+DIV光盘程序

    【CSS+DIV光盘程序】是一种用于网页设计和布局的技术组合,主要由两部分组成:层叠样式表(Cascading Style Sheets, 简称CSS)和文档对象模型(Document Object Model, DOM)中的&lt;div&gt;元素。CSS是用于描述HTML或XML...

    div布局示例!经典的布局方式!很细致!

    在网页设计领域,`div`布局是一种非常基础且重要的技术,尤其在CSS(层叠样式表)的帮助下,能够实现复杂的页面结构和布局。本示例深入浅出地展示了如何使用`div`元素来构建网页,并提供了详细的代码实例,非常适合...

    css+div圆角窗口

    实现后,可以在不同浏览器和设备上进行测试,确保在所有目标环境中都能正确显示。可以使用开发者工具(如Chrome的DevTools)进行实时调整和调试。 通过以上知识,你可以创建出具有圆角边框的窗口效果,同时结合...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    同时,为了兼容不支持Flexbox的旧版浏览器,可以使用传统的CSS方法,如使用position: absolute结合top和bottom属性,或者利用table-cell布局。 在HTML文件"全屏页面三行布局,兼容.htm"中,应该包含了实现这种布局的...

    DIV+CSS DIV居中布局

    在网页设计领域,`DIV+CSS`是一种常见的布局方式,它通过HTML的`&lt;div&gt;`元素结合CSS(层叠样式表)来实现页面结构和样式的分离,提高了代码的可维护性和网页的加载效率。本篇文章将深入探讨如何利用`DIV+CSS`实现`DIV...

    经典DIV+CSS模板 经典DIV+CSS模板

    描述中的关键词如"div+css"、"web标准"、"div+css布局"、"div+css实例"、"div+css模板"揭示了这些模板遵循Web开发的最佳实践,旨在实现结构与表现的分离,提高网页的可维护性和可访问性。Web标准通常指的是W3C制定的...

    DIV+CSS浏览器兼容方法的总结

    ### DIV+CSS浏览器兼容方法的总结 在网页开发过程中,我们经常会遇到不同浏览器对CSS的支持程度不一的问题,特别是对于一些老旧的浏览器如IE6、IE7等,它们与现代浏览器(如Firefox、Chrome)之间的差异更为显著。...

    div+css浏览器兼容问题解决方法

    ### DIV+CSS浏览器兼容问题详解及解决策略 随着Web技术的发展,DIV+CSS布局成为现代网页设计中的核心组成部分。然而,不同的浏览器对于CSS的支持程度各不相同,导致开发者经常面临浏览器兼容性问题。本文旨在深入...

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

    6. **跨浏览器兼容性问题**:虽然本文档暂时不涉及此话题,但在实际项目中非常重要。不同的浏览器可能对CSS的支持程度不同,因此需要进行测试和调整以确保在所有主流浏览器上都能正常显示。 - **示例**:可以使用...

    css +div网页模板

    在提供的"网站模板"压缩包中,可能包含多个已完成的CSS + div网页示例,这些示例可以帮助初学者理解上述知识点的应用,并通过实际操作来学习和实践。通过研究这些模板,你可以学习到如何创建响应式的头部、导航栏、...

Global site tag (gtag.js) - Google Analytics