什么是CSS hack

由于不同的浏览器，甚至同一浏览器的不同版本对CSS的解析认识不一样，导致生成的页面效果不一致，写出针对不同浏览器CSS code就称为CSS hack。

常用的CSS hack 有三种方式，CSS 内部hack、选择器hack、HTML 头部引用，其中第一种最常用。

CSS3中常见一些这样的写法

等高布局在实际的应用中会经常用到。最常见的是左边的内容很多，而右边的内容却很少。

为了不让右边出现太多的空白，有时需要让右边的高度和左边的保持一致。

我总结了两个方法，如下：

1、这个方法的原理是事先通过正内边距来使其拥有足够高度，然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏，我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度，从而实现了等高。

一、左侧固定宽，右侧自适应布局

页面布局如下：

<div id="lt">left</div>

<div id="rt">right</div>

我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用

‍H5页面窗口自动调整到设备宽度，并禁止用户缩放页面，强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；‍

jQuery中的.height()、.innerHeight()和.outerHeight()是W3C的盒模型相关的几个获取元素尺寸的方法。

对应的宽度获取方法分别为.width()、.innerWidth()和.outerWidth()，在此不详述。

1、.height()

获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值（带一个参数）。

最近做了一个首焦图效果，详细代码请看下面链接。

http://guo.35ui.cn/map/foucs/index.html

什么是CSS清除浮动？

在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。

在项目中遇到了这种效果图：

代码怎么写？见如下：主要是画红框的部分

CSS3 圆角（border-radius）

border-radius属性

CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

比如，下面是一个div方框：

实例详解CSS中position的fixed属性使用

首先，我们应该先了解下fixed属性的说明：fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。

下面我们来实例演示一下:

方法/步骤

1.我们在代码中加入2个层：div1和div2，代码如下：