CSS兼容性(IE和Firefox)技巧大全（3）
作者：yehon 来源：web前端寒风 发布时间：2010-07-29 12:29:00
④万能float 闭合(非常重要!)
关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup],将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.
/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
或者这样设置：.hackbox{ display:table; //将对象作为块元素级的表格显示}
９．高度不适应
高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或paddign 时。
例：
#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
<div id="box">
<p>p对象中的内容＜/p>
</div>
解决技巧：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。
10 .IE6下为什么图片下有空隙产生
解决这个BUG的技巧也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为vertical-align:top
bottom middle text-bottom 都可以解决.
11.如何对齐文本与文本输入框
加上 vertical-align:middle;
<style type="text/css">
<!--
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
-->
</style>
12.web标准中定义id与class有什么区别吗
一.web标准中是不容许重复ID的,比如 div id="aa" 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.
二.属性的优先级问题
ID 的优先级要高于class,看上面的例子
三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.
0
投稿猜你喜欢
之前关于 Vue 数据绑定原理的一点分析，最近需要回顾，就顺便发到随笔上了在之前实现一个自己的Mvvm中，用 setter 来观测model- 前言Java连接MySQL数据库的方法：首先下载解压得到jar库文件，并在对应的项目中导入该库文件;然后添加JDBC;接着在Mysql数据库
- pytest介绍pytest是一个非常成熟的全功能的Python测试框架，主要特点有以下几点：1、简单灵活，容易上手，文档丰富；2、支持参数
- 有时候我们想要的数据合并结果是数据的轴向连接，在pandas中这可以通过concat来实现。操作的对象通常是Series。Ipython中的
- 详解微信小程序中的页面代码中的模板的封装 最近在进行微信小程序中的页面开发，其实在c++或者说是js中都
- Django 是 Python 编程语言驱动的一个开源模型-视图-控制器（MVC）风格的 Web 应用程序框架。它是Python API开发
- 一个简单的例子：将如下代码另存为.wsc文件，并右键“注册”（卸载时右键“不注册”）。<Component> <regis
- mysql一次插入多条数据：INSERT INTO hk_test(username, passwd) VALUES('qmf2&#
- # -*- coding: UTF-8 -*-from __future__ import unicode_literalsimport I
- 本文实例讲述了php实现通过cookie换肤的方法。分享给大家供大家参考。具体如下：saveStyleSheet.php页面如下：<?
- python 换位密码算法的实例详解一前言：换位密码基本原理：先把明文按照固定长度进行分组，然后对每一组的字符进行换位操作，从而
- 概述在数据库当中，索引就跟树的目录一样用来加快数据的查找速度，对于一个SQL查询操作，根据索引快速过滤掉不符合要求的数据并定位到符合要求的数
- 在VBScript中有Filter这个函数可以用来对数组进行过滤，并返回原数组的一个子集数组。语法说明： 引用内容Filter 函
- 本文实例讲述了Python使用matplotlib实现基础绘图功能。分享给大家供大家参考，具体如下：一个简单的例子# -*- coding:
- css实现的圆角矩形的方式很多,但要追求灵活型,上面的结构简单,看起来爽一点注意css所用的图片路径,已修改兼容ie6 ie7 ff ,IE
- Node被设计用来高效的处理I/O操作，但是你应该知道，有些类型的程序并不适合这种模式。比如，如果你打算用Node处理一个CPU密集的任务，
- 在修改后的 《闲谈 Web 图片服务器》 一文中也提及了"IE 浏览器的连接数问题"，这也是个有趣的话题。值得补充记录一
- 使用Python解析各种格式的数据都很方便，比如json、txt、xml、csv等。用于处理简单的数据完全足够用了，而且代码简单易懂。前段时
- Pandas 处理数据的效率还是很优秀的，相对于大规模的数据集只要掌握好正确的方法，就能让在数据处理时间上节省很多很多的时间。Pandas
- 在网上找到的随机不重复查询代码：select top 15 * from article&
