黑松山资源网 Design By www.paidiu.com
关于在html中浮动层是众多网页爱好者刚开始的难点，主要在于定位。如果你对CSS定位还不够了解 可以接着往下看，运行里面的内容即可。
【需求】：
将一个网页分成头、身和脚三部分。如下：
————————————————————
头
————————————————————
身
————————————————————
脚
————————————————————
要求：1、头脚等高，并且头位于浏览器顶部，脚位于浏览器底部，身高可变化；
2、在身的左右分别放置两个垂直居中的div，类似浮动广告条，位置固定，不随滚动条的滚动和滚动；
【问题】：
1、如何固定层？
复制代码代码如下:
/* 全局浮动层固定默认样式设置，支持FF和IE */
.fixed {position:fixed;}
* html div.fixed {position:absolute; right:16px;} /* [only for ie] "right=16px"是为了显示滚动条,即right最小值为16px */
以下摘抄一部分文字如下：
由于广告的滥用，使得一些浏览器软件都开始有了广告内容拦截，使得一些很好的效果现在都不推荐使用了。比如让一个元素可能随着网页的滚动而不断改变自己在浏览器的位置。而现在我可以通过CSS中的一个定位属性来实现这样的一个效果，这个元素属性就是曾经不被支持的position:fixed; 他的含义就是：固定定位。这个固定与绝对定位很像，唯一不同的是绝对定位是被固定在网页中的某一个位置，而固定定位则是固定在浏览器的视框位置。
虽然原来的浏览器并不支持过个属性，但是浏览器的发展使得现在的高级浏览器都可以正确的解析这个CSS属性。并且通过CSS HACK来让IE6都可以实现这样的效果（目前无法使IE5.x）实现这种效果。
2、如何垂直居中？
这个问题其实就是DIV绝对定位是居中问题。其实so easy！以下是我的思路：只要将该固定定位的div的top设为50%，然后将上移到该层的高度的一半就行了(margin-top为负)，例如，如果某div高度为200px，要使得该div垂直居中，只要设置"position:absolute;top:50%;margin-top:-100px"，就是这么简单！
因此，水平居中也解决了，如果该层宽度为300px，那么"position:absolute;left:50%;margin-left:-100px"代码可以解决水平居中问题。
即水平又垂直，那就将两者结合起来喽！嘿嘿。。。
【需求】：
将一个网页分成头、身和脚三部分。如下：
————————————————————
头
————————————————————
身
————————————————————
脚
————————————————————
要求：1、头脚等高，并且头位于浏览器顶部，脚位于浏览器底部，身高可变化；
2、在身的左右分别放置两个垂直居中的div，类似浮动广告条，位置固定，不随滚动条的滚动和滚动；
【问题】：
1、如何固定层？
复制代码代码如下:
/* 全局浮动层固定默认样式设置，支持FF和IE */
.fixed {position:fixed;}
* html div.fixed {position:absolute; right:16px;} /* [only for ie] "right=16px"是为了显示滚动条,即right最小值为16px */
以下摘抄一部分文字如下：
由于广告的滥用，使得一些浏览器软件都开始有了广告内容拦截，使得一些很好的效果现在都不推荐使用了。比如让一个元素可能随着网页的滚动而不断改变自己在浏览器的位置。而现在我可以通过CSS中的一个定位属性来实现这样的一个效果，这个元素属性就是曾经不被支持的position:fixed; 他的含义就是：固定定位。这个固定与绝对定位很像，唯一不同的是绝对定位是被固定在网页中的某一个位置，而固定定位则是固定在浏览器的视框位置。
虽然原来的浏览器并不支持过个属性，但是浏览器的发展使得现在的高级浏览器都可以正确的解析这个CSS属性。并且通过CSS HACK来让IE6都可以实现这样的效果（目前无法使IE5.x）实现这种效果。
2、如何垂直居中？
这个问题其实就是DIV绝对定位是居中问题。其实so easy！以下是我的思路：只要将该固定定位的div的top设为50%，然后将上移到该层的高度的一半就行了(margin-top为负)，例如，如果某div高度为200px，要使得该div垂直居中，只要设置"position:absolute;top:50%;margin-top:-100px"，就是这么简单！
因此，水平居中也解决了，如果该层宽度为300px，那么"position:absolute;left:50%;margin-left:-100px"代码可以解决水平居中问题。
即水平又垂直，那就将两者结合起来喽！嘿嘿。。。
暂无评论...
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/16
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。