CSS清除浮动的应用 位置影响IE和Chrom浏览器的错位
随着宽屏时代的到来，在现在的网页设计当中，人们对于网页排版有了更多的发挥空间。继而随之的是，往往我们现在所看到的许多网页，都被错落有致的划为了两列或者多列的布局，从而在视觉和操作上带来不一样的体验。
对于初学者而言，当我们去要实现这些效果的时候，才晃然发现，DIV的默认样式是只能独占一行，而在这个时候，CSS样式中float浮动属性则给我们提供了解决方案。同样随之而来的另一个问题就是，由于现在今市场上浏览器种类繁多，各类浏览器的标准并没有完全统一，也会出现当你使用了float浮动属性之后，往往在两种浏览器当中出现不一样的展示效果。
在做现在的网站之前，笔者也曾做过几个小站，印象最为深刻的是一个纯HTML的网页站，而就在调试那个站的时候，发现一个特别让人纠结的问题，那就是在以IE和Chrom为核心的两类浏览器中出现网页错位以及DIV元素不受控制。之前是四个同级的DIV层，二二分开，排列上下两行，之外在加上级DIV层包容，附加背景图片的属性。调试中发现，在Chrom浏览器中，四个同级层上面那一行居然没有无法继承上级DIV层的属性，显示背景图片。经过几番检查，代码完全OK，没有任何问题和错误，但不论如何修正，总会出现一方正常显示，一方错位的情况，固然有人解释说两都浏览器的核心和标准不一样，但个人在技术上的一些失误是完全不可能回避的。后来几经调试，终于发现，原来是清除浮动的时候出了点儿小遗漏。
大家都知道，在使用了float浮动属性之后，要想后面的元素在下一行正常排列，必须要清除浮动属性。撇开正常的流程来讲，这一点也是完全无可厚非的。但是在初次float浮动属性的朋友来说，会有一部分人直观的认为，只要是换行布局，那就必须得清除浮动属性。而这个结果也就往往导致一部份站长朋友像这前所发生的这种情况，chrom错位，或者无法继承上级DIV的属性，但在检查时，在逻辑上又找不出任何的问题。而在这里，清除浮动属性的代码添加的位置则直接影响到了DIV层的一些属性。因此，在这种情况下，站长朋友有三种解决办法：
1，给予该DIV层或者直属上层定义一些非常明确的属性，比如宽、高、边框大小、颜色等等。
2，给予每一个行内的DIV层都重新定义一个上级DIV，并对其定义明确的属性。
3，就是检查了删除多余的清除浮动属性代码，特别是像在同一行中，当：页面总宽度-原本排列层的总宽度&单个层宽度的时候，那它后面所跟的清除浮动属性则完全没有意义，反而会带来很大的麻烦。
注：相关网站建设技巧阅读请移步到频道。
最新图文推荐
最新专栏文章
大家感兴趣的内容
网友热评的文章
seajs.config({
base: "/resource/passapi/scripts/"
seajs.use('seajs/seajs-css');
seajs.use(['artdialog/src/dialog-plus'], function (dialog) {
$('#favorite').on('click', function(){
$.getJSON('/passapi.php?op=userstatus&callback=?', function(data){
if (data.status == 1) {
var _this = $('#favorite').find('span');
$.getJSON('/?app=favorite&controller=favorite&action=add&jsoncallback=?&contentid='+contentid, function(json){
if(json.state){
_this.html('智者的梦再美，也不如愚人实干的脚印。_天涯海角社区
智者的梦再美，也不如愚人实干的脚印。
作者：MUXIAOFANG2014　发布日期： 19:25:00
作者：MUXIAOFANG2014　回复时间： 10:10:41
作者：MUXIAOFANG2014　回复时间： 16:05:48
作者：MUXIAOFANG2014　回复时间： 09:53:21
作者：MUXIAOFANG2014　回复时间： 18:10:52
作者：MUXIAOFANG2014　回复时间： 09:47:00
作者：MUXIAOFANG2014　回复时间： 09:32:36
作者：MUXIAOFANG2014　回复时间： 17:07:44
作者：MUXIAOFANG2014　回复时间： 18:46:05
作者：MUXIAOFANG2014　回复时间： 09:47:14
作者：MUXIAOFANG2014　回复时间： 09:30:11
作者：MUXIAOFANG2014　回复时间： 14:43:54
作者：MUXIAOFANG2014　回复时间： 19:12:10
作者：MUXIAOFANG2014　回复时间： 11:10:22
作者：MUXIAOFANG2014　回复时间： 11:19:20
作者：MUXIAOFANG2014　回复时间： 17:45:13
作者：MUXIAOFANG2014　回复时间： 09:30:17
作者：MUXIAOFANG2014　回复时间： 09:36:33
作者：MUXIAOFANG2014　回复时间： 12:32:39
作者：MUXIAOFANG2014　回复时间： 18:31:35
作者：MUXIAOFANG2014　回复时间： 09:30:23
作者：MUXIAOFANG2014　回复时间： 10:05:48
作者：MUXIAOFANG2014　回复时间： 09:33:45
作者：MUXIAOFANG2014　回复时间： 09:37:44
作者：MUXIAOFANG2014　回复时间： 09:39:46
作者：MUXIAOFANG2014　回复时间： 09:33:38
作者：MUXIAOFANG2014　回复时间： 10:19:43
作者：MUXIAOFANG2014　回复时间： 09:33:37
作者：MUXIAOFANG2014　回复时间： 09:37:52
作者：MUXIAOFANG2014　回复时间： 09:37:57
作者：MUXIAOFANG2014　回复时间： 10:15:36
作者：MUXIAOFANG2014　回复时间： 09:23:07
作者：MUXIAOFANG2014　回复时间： 09:52:52
作者：MUXIAOFANG2014　回复时间： 18:56:40
作者：MUXIAOFANG2014　回复时间： 09:45:13
作者：MUXIAOFANG2014　回复时间： 09:41:20
作者：MUXIAOFANG2014　回复时间： 09:49:52
作者：MUXIAOFANG2014　回复时间： 10:02:14
作者：MUXIAOFANG2014　回复时间： 10:11:53
作者：MUXIAOFANG2014　回复时间： 09:41:42
作者：MUXIAOFANG2014　回复时间： 09:27:42
作者：MUXIAOFANG2014　回复时间： 09:38:23
作者：MUXIAOFANG2014　回复时间： 09:54:37
作者：MUXIAOFANG2014　回复时间： 09:32:59
作者：MUXIAOFANG2014　回复时间： 09:43:07
作者：MUXIAOFANG2014　回复时间： 10:30:45
作者：MUXIAOFANG2014　回复时间： 10:22:40
作者：MUXIAOFANG2014　回复时间： 09:36:39
作者：MUXIAOFANG2014　回复时间： 09:37:48
作者：MUXIAOFANG2014　回复时间： 09:40:58
作者：MUXIAOFANG2014　回复时间： 11:43:52
作者：MUXIAOFANG2014　回复时间： 09:59:58抱歉，您要访问的信息不存在或被删除m
&& 秒后将自动跳转到
&&1、请检查输入的网址是否正确。
&&2、如果不能确认输入的网址，请浏览来查看所要访问的网址。
&&3、直接输入要访问的内容进行搜索：热门城市：
A - B - C - D - E
F - G - H - I - J
K - L - M - N - P
Q - R - S - T - W
北京自住房今年至少开工2万套 售价可上下浮动5%
　　　　去年自住房在火爆申购的同时，也出现了弃选等情况，这种新的住房品种将来的命运如何？是购房家庭关心的问题。昨日，市住建委委员、市住保办主任邹劲松表示，自住房已经纳入北京基本住房制度体系中，不会暂停甚至取消。今年至少将开工2万套。 　　自住房信息公开将比照保障房　　邹劲松说，总体来看，自住房政策运行平稳。他认为，自住房项目的价格要低于其周边同品质商品住房价格30%，这对周边新建商品住房、二手住房的价格平抑作用和效果是很明显的。从去年监测的自住房周边区域来看，其周边新房和二手房的价格均趋于平稳或下降。自住房对稳定房价发挥了显著作用。　　“自住房的申购家庭有几十万户，往往一个项目几天的时间就销售完成。从认购率看，也比纯商品房更高，卖得更快。可以看出，自住房还是很受申购家庭欢迎的。”邹劲松说，今后将进一步加强自住房项目信息公示力度，比照保障房公开的要求加大公开力度，使购房者更加有目的性地申购意向项目，减少弃选率。　　售价可根据楼层朝向上下浮动5%　　此前部分自住房曾被反映窗户小、层高低等设计问题。邹劲松表示，北京已对自住房项目的设计方案实行专家评审制度，评审中对群众关注的套型设计、室外环境、公共空间装修标准等方面问题进行重点审查，看是否质价相符，通过审查的项目才能开工建设。目前已审查了14个自住房项目，涉及房源1万多套。　　此前，北京大部分自住房项目的销售价格都是统一的，即无论朝向和楼层的套型都是一个价格。这也引起了一些摇号靠后的申购家庭的异议。对此，市住建委相关负责人表示，按照土地招拍挂文件的规定，商品住房房屋销售限价是商品住房的平均销售价格，开发商可根据具体楼层、朝向在正负5%的范围内调整销售价格。　　自住房已列入北京基本住房制度　　对于自住房的走向以及今年的供应量，邹劲松说，自住房已列入北京基本住房制度，“北京的体系是‘基本住房有保障、中端需求有支持、高端市场有调控’，自住房是对中断需求的有力支持，是有政策支持的商品住房。因此不会轻易暂停或取消。”　　他透露，今年自住房将至少新开工2万套，具体数量会根据申购家庭的需求和房地产市场的变化适时调整。　　截至去年底，北京已完成53宗自住房供地，规划建筑面积500多万平米、可建设约5.5万套自住房。已启动32个项目的网上申购，已摇号选房22个项目，提供近3万套住房，已认购2.2万套，认购率约89%，已签约1.7万套。
【楼盘快递】　　　　　　　　
【延伸阅读】
25000元/㎡
16000元/㎡
23500元/㎡
均价 : 25000元/㎡
位置 : 卧龙岗桥北行1公里路东
热线 : 400-898-1246
25000元/㎡
均价 : 8500元/㎡
位置 : 大厂武兴路友谊大桥东侧200米
热线 : 400-869-1111 转 33145
均价 : 7500元/㎡
位置 : 燕郊东部，京东第一温泉对面
热线 : 400-898-3903
均价 : 16000元/㎡
位置 : 燕郊京哈公路与迎宾南路交叉口向南3公里路东
热线 : 400-898-3833
16000元/㎡
均价 : 13500元/㎡
位置 : 燕郊燕灵路与神威北路交口西北角
热线 : 400-898-5051
13500元/㎡
均价 : 6500元/㎡
位置 : 涿州范阳路高速口西200米路北
热线 : 400-898-3765
均价 : 23500元/㎡
位置 : 地铁昌平线南邵站向西300米南侧
热线 : 400-898-3981
23500元/㎡
均价 : 待定
位置 : 燕郊行宫西大街与燕顺路交汇口
热线 : 400-898-3879
均价 : 91000元/㎡
位置 : 东城东直门香河园路1号
热线 : 400-869-1111 转 10007
91000元/㎡
增值电信业务经营许可证B2- 京ICP证030367号}