IE6定位盒模型的偏差问题_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了IE6定位盒模型的偏差问题_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1020字，纯文字阅读大概需要2分钟。
内容图文
文章来源：我爱猫猫技术博客 地址： http://www.52maomao.info
关于IE6盒模型与其他浏览器是否不同，我不敢轻易的下结论，但是似乎可以有一些佐证来证明IE6的盒模型与其他浏览是有差别的。
例如我们今天要讲到的IE6定位盒模型的偏差问题。
CSS属性中的position:absolute;和position:relative;是两个经常被用来进行定位布局的属性。当我们在父级元素中使用了position:relative;将它设置为定位树之后，对子元素使用position:absolute;进行定位，并且通过top，left，right，bottom来进行子元素位置的设定。
有下面一种情况：我们为父级元素中使用position:relative;，并且添加一个padding:20px;，然后我们为子元素通过position:absolute;定位。
这时候IE6中就出现问题了。它并不是参照父元素的边缘区域进行定位的，而是参照了父元素的padding属性解析之后的边缘进行定位，其他的标准浏览器如：Firefox、Chrome等都是参照父元素的边缘进行定位的。
在CSS属性的介绍中，position:absolute;是参照上一级有定位属性的盒子的边缘区域进行定位，也就是说这里的IE6的解析是一个错误，或者说是一个BUG。
代码如下：
（这里省略了!DOCTYPE声明等一切元素）
内容总结
以上是互联网集市为您收集整理的IE6定位盒模型的偏差问题_html/css_WEB-ITnose全部内容，希望文章能够帮你解决IE6定位盒模型的偏差问题_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
【IE6定位盒模型的偏差问题_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章
暑假菜鸟学记---html/css【图】
今天学习的是如何使用div盒子模型做一个具有多边形旋转放大的一个基础特效页面。650) this.width=650;" src="/upload/getfiles/default/2022/11/4/20221104072212423.jpg" title="完成后的截图旋转和放大特效不能截屏得到" />需求分析：1、多边形如何生成；使用css3中的transform属性对元素进行旋转 2、使用background：rgba设置半透明属性所遇到的问题：1、样式图片不能位于中间？解决方案采用自适应布局将top left right but...
简单的ASP生成HTML程序
方法一:set fso=server.CreateObject("scripting.filesystemobject")set f1=fso.opentextfile(server.MapPath("demo.htm"),2,true)f1.write("<html>")f1.write("<head>")f1.write("<meta http-equiv=‘Content-Type‘ content=‘text/html; charset=gb2312‘>")f1.write("<title>哈哈~~~！</title>")f1.write("<link href=‘style.css‘ rel=‘stylesheet‘ type=‘text/css‘>")f1.write("<script language=‘j...
HTML DOM 中的form【图】
HTML DOM中的form表单form表单获取：var form = document.forms;一.百度表单验证样式代码：<style type="text/css">form{width:750px;margin: 0 auto;position: relative;}.span_first{width: 65px;height: 42px;display: inline-block;color: black;font-weight: bold;}input{width: 350px;height: 40px;font-size: 16px;margin-top: 10px;}#code{width: 200px;height: 40px;}button{width: 130px;height: 45px;margin-left: 15p...
HTML知识点汇总【代码】
一、什么是HTML HTML是用来描述网页的一种语言。 HTML是指超文本标记语言（不仅包含纯文本，还包含图片、超链接、音频、视频等）。 HTML使用一套标记标签来描述网页。二、HTML标签的作用 充当网页骨架。 语义化，使网络爬虫更好的抓取网站信息。三、HTML骨架1<!DOCTYPE html>2<html>3<head>4<!-- 作用：配置html文件 -->5</head>6<body>7<!-- 书写标签组成的网页结构 -->8</body>9</html> 1、DOCTYPE是...
04001_HTML简单介绍【代码】【图】
1、超文本标记语言 （1）超文本：比普通文本功能更加强大； （2）标记语言：使用一组标签对内容进行描述的一门语言，它不是编程语言！2、HTML语法和规范 （1）所有的html文件后缀名都是以.html或者.htm结尾的，建议使用.html结尾； （2）整个html文件分别由头部分<head></head>和体部分<body></body>组成； （3）Html标签都是由开始标签和结束标签组成，单标签除外（<br />）； （4）html不区分大小写，建议使用...
HTML5服务器端推送事件 解决PHP微信墙推送问题
问题描述以前的文章中《 PHP微信墙制作，开源 》已经用PHP搭建了一个微信墙获取信息的服务器，然后我就在想推送技术应该怎么解决，上一篇已经用了.NET 的signalr做了一个微信墙，PHP一直没什么好思路，本来想用websocket，但自己写socket要解析websocket协议，PHP有一个比较好的实现是workerman，github地址请戳这里，但是都不是很中意，昨天给自己做官网的时候，看了一下MDN，浏览发现了这个东西“使用服务器发送事件”，突然就有...
使用Html5和Js进行拖动
function init() { var source = document.getElementById("dragme"); var dest = document.getElementById("text"); source.addEventListener("dragstart", function(ev) { <script type="text/javascript"> var dt = ev.dataTransfer; dt.effectAllowed = ‘all‘; dt.setData("text/plain", "拖动"); ...
WEB （html）基本的元素
<html><head><title> the page title name </title></head><body><h1 align = "center"></h1><p> sth</p><body></html> align设置位置<pre>预先格式化文本<br/>换行<hr/>一条直线<i>设置字体为斜体<u>设置字体有下划线<b>设置字体加粗<s>设置字体有删除线<sbp>幂的次方<sub>脚注<ol type = "1" start = "2">列表<li> list 1</li><li> list 2</li></ol>原文：http://www.cnblogs.com/qiuyunblogs/p/4516275.html
关于Html.Editor的坑！
Html.Editor的用法在百度上找了半天也没找到，我这样用@Html.Editor("Phone",@ViewBag.Phone)老是报错，@Html.Editor(“@ViewBag.Phone”)则在页面上不显示值。后来终于找到答案：@Html.Editor("Phone")。感谢：http://blog.csdn.net/pasic/article/details/7093802这么这么基本的东西，搜不到语法呢！愤怒 原文：http://www.cnblogs.com/tider1999/p/4008059.html
sublime text3如何格式化css\html代码【图】
1.了解CodeFormatter插件 在Sublime Text 3中编写代码，为了能让我们的代码格式变得漂亮整洁，需要一个能自动格式代码的插件。这里发现CodeFormatter插件不错，它能支持常见的几种编程语言：* PHP * JavaScript/JSON * HTML* CSS * SCSS * Python* Visual Basic/VBScript* Coldfusion/Railo/Lucee2.安装CodeFormatter插件 在启动Sublime Text 3程序后，使用快捷键 “ Ctl+Shift+P ”，再选择 "Package Control: Install Pack...
http://www.w3cplus.com/animation/create-animated-text-fills.html
关于svg的资料：http://www.w3cplus.com/animation/create-animated-text-fills.html asp.net中jquery的ajax调用cs文件中的方法：http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html原文：http://www.cnblogs.com/ysq0908/p/5788501.html
html笔记【代码】
HTML基本： <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>测试</title> </head> <body background="images/beijing"> <p>这是一个段落</p> <p>这是另一个段落</p> 第三行<br> 第四行<br>< > #显示大括号和小括号的用法<br> -----------------------链接--------------------<br> <a href="http://www.baidu.com">点击跳转到百度</a><br> <a href="http://www.baidu.com" target="_blank">点击新建一个窗口跳转到...
html网页访问WebAPI中的方法遇到的问题
1.移动端访问远程服务时，建议使用WebAPI2.用不同浏览器访问WebAPI时返回的文本格式是不同的，Chrome Firefox将在浏览器中以XML形式显示此列表，IE浏览器将获得Json格式的数据，区别的原因在于不同浏览器的请求头不同，分别为：application/XML和application/json2.客户端发送Get请求访问WebAPI时，框架会查找以Get开头的方法进行匹配，当客户端发送Post请求时，框架会查找以Post开头的方法进行匹配4.跨域访问WebAPI中的方法时，客...
Mac机网站设计软件：10大最佳HTML编辑器【代码】
>>:Mac机网站设计软件：10大最佳HTML编辑器1． Adobe Dreamweaver Adobe Dreamweaver是个著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。Dreamweaver能与设计工具，如Playback Flash，Shockwave和外挂模组等搭配，整体运用流程自然顺畅。它是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 2． Adobe Creative Suite Adobe Creative Suite是Adobe系统公司出品的一个Macintosh最适合专业网站设计...
MVC中cshtml文件中怎样使用ViewBag进行筛选？【代码】
@foreach (PermissionForRoleModel item in ((List<PermissionForRoleModel>)ViewBag.PermissionsForRole).Where(p => string.IsNullOrWhiteSpace(p._parentId))){@item.PermissionName <br />}注意必须要做强类型转移，不然不能使用lambda表达式进行筛选。原文：http://www.cnblogs.com/firstcsharp/p/4207582.html