心态决定命运,努力决定成就,宽容决定幸福,机遇决定成败!
预览模式: 普通 | 列表

关于本站提供的一些文件的下载

清除浮动clear:both的应用详解

  在CSS中我们会经常要用到“清除浮动”Clear,比较典型的就是clear:both;
CSS手册上是这样说明的:该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。 
当属性设置float(浮动)时,其所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)所影响,这个时候我们就需要用clear:both;来清除。
比如:

<p style="float:left;width:200px;">这个是第1列,</p>

<p style="float:left;width:400px;">这个是第2列,</p>

<p>这个是第3列。</p>
 
[Ctrl A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]  
如果不用清除浮动,那么第3列文字就会和第1、2列文字在一起 ,所以我们在第3个这列加一个清除浮动 clear:both;
<p style="float:left;width:200px;">这个是第1列,</p>

<p style="float:left;width:400px;">这个是第2列,</p>

<p style="clear:both;">这个是第3列。</p>
 
[Ctrl A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]  
==============================================================
通常,我们往往会将“清除浮动”单独定义一个CSS样式,如:

.clear {
clear: both;
}

然后使用<div class="clear"></div>来专门进行“清除浮动”。
不过也有不赞同意见是,<div class="clear"></div>可以不写,直接在下层清除就可以了。
比如本来好好的

<p style="float:left;width:200px;">这个是第1列,</p> 
<p style="float:left;width:400px;">这个是第2列,</p> 
<p style="clear:both;">这个是第3列。</p> 

非要整成

<p style="float:left;width:200px;">这个是第1列,</p> 
<p style="float:left;width:400px;">这个是第2列,</p> 
<div class="clear"></div>
<p>这个是第3列。</p> 

这点看来,<div class="clear"></div>确实不需要写。
不过很显然,我们在网页设计时还有一种很普遍的情况:
<style type="text/css">

#main {background-color: #3399CC;width: 600px;padding: 20px;}

#sidebar {background-color: #FF6600;    float: left;width: 130px;}

#container {float: right;width: 420px;background-color: #FFFF33;}

</style>

<div id="main">

<div id="sidebar">第一段内容 第一段内容 第一段内容</div>

<div id="container">第二段内容 第二段内容 第二段内容</div>

</div>

<p style="clear:both;">第三段内容</p>
 
[Ctrl A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]  
该页面测试在IE下效果正合所要:蓝色块内部有红色和黄色两个色块内容,同时在蓝色块以下是第三段文本。
不过FF的效果可不是这样的。我们不能单单想在下一层清除就能完成我们的工作,我们必须在浮动元素所在标签闭合之前及时进行“清除”。
<style type="text/css">

#main {background-color: #3399CC;width: 600px;padding: 20px;}

#sidebar {background-color: #FF6600;    float: left;width: 130px;}

#container {float: right;width: 420px;background-color: #FFFF33;}

.clear {clear: both;}

</style>

<div id="main">

<div id="sidebar">第一段内容 第一段内容 第一段内容</div>

<div id="container">第二段内容 第二段内容 第二段内容</div>

<div class="clear"></div>

</div>

<p>第三段内容</p>
 
[Ctrl A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]  
对于因多加的<div class="clear"></div>标签会引起IE和FF高度变化,通过如下方法解决:

.clear {
clear: both;
height:1px;
margin-top:-1px; 
overflow:hidden;
}

<style type="text/css">

#main {background-color: #3399CC;width: 600px;padding: 20px;}

#sidebar {background-color: #FF6600;    float: left;width: 130px;}

#container {float: right;width: 420px;background-color: #FFFF33;}

.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;}

</style>

<div id="main">

<div id="sidebar">第一段内容 第一段内容 第一段内容</div>

<div id="container">第二段内容 第二段内容 第二段内容</div>

<div class="clear"></div>

</div>

<p>第三段内容</p>
 
[Ctrl A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]  

分类:代码人生 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 0

期待宝宝出生

宝宝6个月多了 天天在妈妈肚子里折腾的很欢,突然很期待宝宝的出生
嘿嘿家里要添一个新生命了。
同时也感受到了压力,以后的教育,以后的种种
看看现在90后的状态 真的很担心以后宝宝会怎么样。。。时常会想到以后的教育问题
有时想想 自我安慰说 孩子自有孩子福
有时看看自己身体的一些人和事 又会特担心 哎。。。
分类:个人日记 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 12

win7玩CF全屏解决方法

第一种方法
注册表命令 regedit

HKEY_LOCAL_MACHINE--->SYSTEM--->ControlSet001--->Control--->GraphicsDrivers--->Configuration
右键Configuration,选择查找,输入Scaling,在右框找到scaling,右键scaling修改
将数值改为3即可,原值是4
如果不行就试第二种

查看更多...

分类:电脑网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 28

未知设备:Intel(R) ICH9M LPC Interface Controller - 291

未知设备:Intel(R) ICH9M LPC Interface Controller - 2919 解决办法!

刚刚帮一个朋友装了台SONY笔记本,因为本来是德文系统,我给它换成中文系统,在SONY官网和一些板卡网站下载到了驱动,安装以后,查看“设备管理器”,赫然发现:“未知设备:Intel(R) ICH9M LPC Interface Controller - 2919 ”,不知其原因,就在网上搜寻,发现了几个解决办法,也发现了几个否定这些办法的;只有其中一个普遍叫好,屡试不爽:


安装方法:点击更新驱动-从列表或… - 下一步 - 不要搜索。… - 选择系统设备 - 下一步 - 左边选intel,右边选相应的Intel(R) ICH9M LPC Interface Controller - 2919 设备就可以了 - 最后都是确定就OK了。

查看更多...

分类:电脑网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 75
动网论坛 置了 可以查看其他人发布的主题 后

自己都不能查看和编辑自己的帖子了

下面给出修改方法 有需要的自己看

打开 dispbbs.asp 页面

查看更多...

Tags: dvbbs 动网论坛

分类:代码人生 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 10

网卡驱动导致的问题网络断线

近日新装了两台机子,配置如下: CORE5200、富士康G31、金士顿2G、希捷320G、板载显卡、声卡、网卡。组装调试期间一切正常,便拿到用户家安装好。
哪知第二天电话报称那晚经常断线,我便叫他们白天试下,还有打电话给安装宽带的,叫他们去查线路。哪知道那天下午又报称断线,而且铁通去查线路了,一切正常。
于是想:难道是同批主板有问题?没办法,两台同时更换了G41的板子,以为这下应该正常了,哪知第二天又报称断线(晕)。 莫非铁通的网络跟千兆的板载网卡不兼容?
于是将网卡的流控制关闭,又将速度控制调为100M半双工,那天终于正常了。 想不到又过一天,又是频繁断线(更晕了),没法子,估计要用公版驱动了,于是上驱动之家找该芯片的公版驱动,这时候偶然看到了网友对该驱动的评论(以前都没去看评论,那天不知怎的。。。)。原来该网卡“Realtek瑞昱RTL8111B/RTL8168B”2009年所有发布的芯片驱动,都有断线情况,看到一网友评论以前708版本的驱动没有掉线的问题,于是尝试该版本的驱动,终于用到今天正常了。
概述:以前遇到新版本的显卡驱动导致显示不正常,后更换旧版本或使用XP自带驱动就正常的情况,现在遇到这种情况却没去想太多,导致走了很多冤枉路,现在一些新的版本驱动大部分是修改版或第三方发布,就连官方发布的也未必进行过所有芯片的测试,所以不要一味最求新版本,有时候老版本才是你机子的心头所好。
分类:电脑网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 63

如何取消开机时硬盘自检  

有的电脑开机总是自检某个盘(一般为C盘),但每次都没有意外断电,照样自检
其实是注册表一个键值的原因。

在注册表里禁止开机自检硬盘
运行Regedit,进入注册表然后找到下面的键值:
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager 再找到右边
这个值:BootExecute把里面的数据全部删除,这样就可以彻底禁止重启的时候运行磁盘扫描程序。

查看更多...

分类:电脑网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 203