最新文章列表

HTML5 清除浮动

1、给父盒子设置高度2、给父盒子设置overflow:hidden;3、给父盒子的最后面加一个div,这个div有个属性:clear:both;4、使用伪元素清除浮动 .clearfix { zoom: 1;/*IE/7/6*/ /*兼容IE6下的写法*/ } .clearfix:after { content: ""; line-height: 0; ...
onestopweb 评论(0) 有733人浏览 2016-08-08 11:23

JS 底部的浮动窗口

<script type="text/javascript" src="styles/js/jquery-1.10.1.min.js"></script> <style type="text/css"> #foot_tel { width:100%;height:43px; background: ...
onestopweb 评论(0) 有714人浏览 2015-10-09 10:27

【转】CSS子div设置float后父级div无法自适应高度的问题解决方法

    在用CSS+DIV的布局中,经常会发现,当一个DIV float之后,如果他的高度超过了其父DIV的高度时,其父DIV的高度并不会相应的进行调整。要解决这个问题(也叫做闭合(清除)浮动),我们有四种办法:   1. 额外标签法   这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需 要额外的(而 ...
pigkiller 评论(0) 有793人浏览 2015-01-29 13:51

如何让浮动的元素水平居中

为什么会出现浮动元素呢?简单点,比如说,块级元素表示的列表,默认的,每行列表都独占一行显示,如果想让他们排在一行内,就可以使用浮动定位,将元素浮起来,一行排列。浮动的元素水平居中,有两种情况,一是浮动的元素有固定的宽度,另一种是无法确定宽度的浮动元素居中。 一、确定宽度的浮动元素 用列表表示的水平菜单栏,浮动在一行,整个菜单的宽度是固定的   <div class="he ...
lylan 评论(0) 有2608人浏览 2015-01-26 15:44

导航栏的浮动技术

  导航栏:    关键技术:    去掉列表<li>的属性;list-style-type:none; 浮动;float 外间距: margin      例子: <div id="menu"> <ul> <li><a href="#">首页 ...
百合不是茶 评论(0) 有1207人浏览 2014-11-07 17:35

原生js瀑布流及其原理

瀑布流目前已经不在是很时尚的词了,不过知道他实现的原理和具体实现过程还是值得我们好好学习的。   瀑布流效果目前在大多数网站中可以见到,参差不齐的多栏布局格式,是瀑布流的特点。瀑布流可以通过jQuery插件结合css代码来实现。        对于图片的展现,瀑布流的效果是高效而且独具吸引力的。瀑布流里延迟加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不定高的设 ...
xiaomiya 评论(0) 有2360人浏览 2014-04-02 17:22

js浮动弹出层示例。

话不多说,简单的js代码文件下载一看便知.
wjch_111 评论(0) 有667人浏览 2013-12-16 14:56

关于浮动与清除浮动(转)

原文链接:http://www.cnblogs.com/hongru/archive/2010/10/06/1844855.html   在css2里,浮动(float)这个属性是个经典又诡异的一个属性,历来对它的争议就不断。   从语义上讲:   float这个属性顾名思义,既然叫浮动,咱们不妨把它与船体在水中的浮动联系起来。即可以这样假设,document为一个水 箱,documen ...
hl756799782 评论(0) 有846人浏览 2013-05-11 18:23

网站设计中很重要的概念div+浮动

  在网站建设中,总会遇到html和css各种各样的问题,打开网站http://www.hualai.net.cn首页,查看源代码,满屏全是html标签,不下几十个div。 html中包括两种元素 内联元素(行内元素) 和 块元素 ,怎么理解呢? 行内元素就是不换行的元素,并且大小可以自适应.  例如  a img  font  span,当我们建设一个网站的时候,里面的文字内容就是行内元素 ...
web001 评论(0) 有798人浏览 2012-08-24 09:32

关于浮动的前世今生

什么是浮动? 浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。这是一个例子: 在排版软件里面,存放文字的盒子可以被设置为允许图文混排,或者无视它。无视图文混排将会允许文字出现在图片的上面,就像它甚至不会在那里一样。这就是图片是否是页面流的一部分的区别。网页设计与此非常类似。 在网页设计中 ...
ipjmc 评论(0) 有974人浏览 2012-06-18 08:28

android 浮动按钮

两个半透明的浮动按钮 private WindowManager wm = null; private WindowManager.LayoutParams wmParams = null; private Button play1; private Button cache1; private int mAlpha = 0; private ViewFlipper viewFlipp ...
alp1014 评论(0) 有4619人浏览 2012-04-17 15:23

用clearfix:after消除 css浮动

在写HTML代码的时候,创造在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子: <div style="border:2px solid red;"> <div style="float:left;width:80 ...
bluenemo 评论(0) 有1063人浏览 2011-11-26 15:44

写CSS普遍遇到的问题及解决办法

一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览; 六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。 七 ...
charrysong 评论(0) 有563人浏览 2011-07-18 09:47

(收藏)清理浮动的全家

早段时间特别的忙,忙到站点一直没有更新;但是这段时间也是偷偷的做了一些的工作,比如对站点的JS进行了压缩,构思labs分站以及聚合分站。 而此段时间最烦的是森林群里面的一群人每天上班都在吵,然后我就每次都装嫩的在里面问:“各位高手,劳烦请问一下;清除浮动怎么弄?” 清除浮动一个凡是做页面的人都会遇到的一个东西,但是是否大家都能够清楚的知道,全方位的了解呢?于是一闲下来了马上写了这样的一篇文章,不 ...
charrysong 评论(0) 有544人浏览 2011-07-18 09:29

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics