蓝鸥零基础学习HTML5第九讲 兼容性三
来源:互联网 发布:小分子肽是骗局吗 知乎 编辑:程序博客网 时间:2024/06/01 08:17
1.兼容性7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box {
background: red;
zoom:1;
}
.div {
width:200px;
height:200px;
background: blue;
margin:100px;
}
</style>
</head>
<body>
<!--
haslayout
在IE下大部分兼容性都是因为haslayout属性的触发问题,尽量触发haslayout属性,可以减少很多IE下的兼容下的问题。
在IE下父级有边框的时候,子元素的margin会失效
解决方法:触发父级的haslayout属性
-->
<div class="box">
<div class="div"></div>
</div>
</body>
</html>
2.兼容性8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
margin:0;
}
.box {
width:200px;
height: 200px;
background: red;
float:left;
margin:100px;
display: inline;
}
</style>
</head>
<body>
<!--
ie6下双边距的bug
在ie6下,块元素有浮动有横向的margin的值的时候,横向的margin的值会扩大两倍
-->
<div class="box"></div>
</body>
</html>
3.兼容性9
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box {
border:10px solid red;
float:left;
}
.box div {
width: 100px;
height: 100px;
background: red;
margin-right: 30px;
border:5px solid #000;
float:left;
display: inline;
}
</style>
</head>
<body>
<!--
margin-left 一行中左侧的第一个元素有双边距
margin-right 一行中右侧的第一个元素有双边距
-->
<div class="box">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</body>
</html>
- 蓝鸥零基础学习HTML5第九讲 兼容性三
- 蓝鸥零基础学习HTML5第九讲 兼容性一
- 蓝鸥零基础学习HTML5第九讲 兼容性二
- 蓝鸥零基础学习HTML5第九讲 兼容性四
- 蓝鸥零基础学习HTML5第九讲 兼容性五
- 蓝鸥零基础学习HTML5第九讲 兼容性六
- 蓝鸥零基础学习HTML5第九讲 兼容性七
- 蓝鸥零基础学习HTML5第四讲 CSS的基础样式
- 蓝鸥零基础学习HTML5第五讲 CSS的基础样式
- 蓝鸥零基础学习HTML5第六讲 CSS的常见样式
- 蓝鸥零基础学习HTML5第八讲 样式布局一
- 蓝鸥零基础学习HTML5第八讲 样式布局二
- Java基础第九讲
- CSS学习三~~相对定位,绝对定位,兼容性基础
- 蓝鸥零基础学习HTML5第七讲 常见标签及标签类型的转换
- HTML5基础学习笔记(三)
- Struts2第九讲学习笔记Action的三种实现方式,两种驱动方式
- 【Java基础】第九讲 JavaBean和RMI
- C#--设计模式之装饰者模式
- android BSP
- 用python对minist数据集进行读取并保存成图片
- Android Studio 2.2新特性:新布局、Firebase、OpenJDK以及Java 8
- 华佳慧科技:OSN500设备ERPS相切环组网介绍
- 蓝鸥零基础学习HTML5第九讲 兼容性三
- 第4章类与对象-引用包中的类-判断是否为三角形并计算其面积
- 图解使用VS的安装项目打包程序
- 透视投影中已知两平面的单应矩阵,能否求出这两平面的夹角?
- IOS上架提交审核遇到Missing Push Notification Entitlement的问题
- vc6无需编译预览对话框布局界面的办法
- Redis学习之数据持久化与数据恢复
- C++ 取整函数ceil和floor
- node.JS中将两个字符串进行相加