摘要：
什么是CSS Float？float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。像这样在一个元素上用CSS设置浮动：#sidebar { float: right; }fload属性有四个可用 阅读全文
随笔分类 - HTML
CSS之Position详解
2013-08-13 19:02 by Andy Ge, 219 阅读, 收藏,
摘要：
CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要讲述关于position的理解，力求让您看完本文后对position有着最全面的认识。position的四个属性值：relativeabsolutefixedstatic下面分别讲述这四个属性。 sub1 sub2 1. relativerelative属性相对比较简单，我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的.. 阅读全文
CSS定位属性Position详解
2013-08-13 18:55 by Andy Ge, 351 阅读, 收藏,
摘要：
CSS中最常用的布局类属性，一个是Float(CSS浮动属性Float详解)，另一个就是CSS定位属性Position。1. position:static所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。一般来说，不用指定 position:static，除非想要覆盖之前设置的定位。#div-1 { position:static;}2. position:relative如果设定 position:relative，就可以使用 top,bottom,left 和 right 来相对于元素在文档中应该出现的位置来移动这个元素。【 阅读全文
5个有趣的浏览器地址栏JavaScript代码
2013-01-18 17:42 by Andy Ge, 330 阅读, 收藏,
摘要：
这又是一篇关于Javascript的文章，上一篇是10个可以用javascript实现的图片特效。这篇分享几个在地址栏实现的Javascript有趣效果和应用。能在浏览器地址栏实现的效果太多了，字体放大、显示所有图片、显示Cookie等等。但这篇文章重点放在“有趣”上面，当你无聊的时候，不妨玩玩。原文来自BlogOhBlog。1、编辑网页在地址栏输入下面的代码按enter，网页上所有元素都能变成可编辑状态，你可以移动、调整元素大小。如果你只是讨厌某个网站想发泄一下，我建议你使用NetDisater。代码如下：javascript:document.body.contentEditable=&# 阅读全文
IE地址栏javascript代码~
2013-01-18 17:38 by Andy Ge, 398 阅读, 收藏,
摘要：
完全打开页面后,在该页的在地址栏或按Ctrl+O输入以下代码,回车! 1.显示网页中的所有图片 javascript:jannick='';for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){jannick+='<img%20src='+document.images[i7M1bQz].src+'><br>'};if(jannick!=''){document.write('<center>'+jannick 阅读全文
javascript 地址栏写法
2013-01-18 17:37 by Andy Ge, 506 阅读, 收藏,
摘要：
0. 前言 所谓IE地址栏表达式，就是在IE的地址栏中输入 javascript:<代码>，执行某些功能，来动态改变原有页面的参数以达到某些目的，例如开放被禁止的按钮、显示原本隐藏的图片等等。本文将就IE地址栏的使用方法做一个详细的说明。 1. 表达式的书写方法 在IE的地址栏中输入 javascript:<代码>，即可在当前页面上直接执行指定的代码并立即看到效果。而且，<代码>中可以包含多条语句，甚至可以包含 if/for 等流程控制语句。 代码一般有两种写法： javascript:<表达式>该写法将会执行表达式，并将表达式的结果在当前页面内 阅读全文
CSS清除浮动(转)
2012-07-14 07:53 by Andy Ge, 265 阅读, 收藏,
摘要：
“90%的CSS布局的兼容问题都是浮动布局引起的”，这是我无意中听到某位前端人员的抱怨。某位新手朋友经常问起我浮动布局的时候该如何清除浮动，我回答过N次，但这位新手朋友好像始终记不住，总是会在这里出问题，包括我自己也时常会在这个问题上纠结。上面提到的90%的这个概率可能并不准确，但也反映出了前端人员在这个问题上或多或少的要纠结一番，新手会时常犯难，老手也不一定就不犯傻。我总结了一下以往几种清除浮动的方法，发觉方法还是挺多的，那么有没有一种最优的方法可以实现一劳永逸呢？且看下面的几种方法先。空标签法在浮动元素后加一个空标签，空标签上定义一个清除浮动的类：view sourceprint?1< 阅读全文
clear在CSS中的妙用
2012-07-14 07:41 by Andy Ge, 230 阅读, 收藏,
摘要：
在DIV + CSS设计网页中，经常需要设置多个DIV并列排列，往往是使用float:left或float:right来实现，但问题出现了，当前面并列的多个DIV总宽度不足100%，下面的的DIV就很可能向上提，和上一行的并列的DIV在同一行，这不是我们想要的结果。使用Clear属性正好可以解决这一问题，下面引用帮助的介绍：CSS clear属性 Image and text elements that appear in another element are called floating elements. The clear property sets the sides of an 阅读全文
【转】div之float,clear特性
2012-07-14 07:16 by Andy Ge, 246 阅读, 收藏,
摘要：
在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子：HTML4STRICT代码： <div style="width:200px;border:1px solid red;"> <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div> <div 阅读全文
浙公网安备 33010602011771号