一天搞定CSS：支持IE的Layout布局--16

最新推荐文章于 2021-09-12 15:48:02 发布
最新推荐文章于 2021-09-12 15:48:02 发布
阅读量838 收藏 1
点赞数
分类专栏： 前端基础HTML5/CSS3 文章标签： css 布局 Layout布局 Layout
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_37107022/article/details/71640304
版权

1.BFC和Layout区别：

BFC和Layout的作用是一样的，只是对浏览器的支持不同而已。

BFC- -标准浏览器所具有的
Layout- -IE浏览器所具有的

BFC详解地址：http://blog.csdn.net/baidu_37107022/article/details/71634396

2.Layout布局定义

它决定了块级元素如何对它的内容进行布局，以及与其它元素的关系和相互作用

该布局有hasLayout属性控制：

取值：true，false

3.触发Layout的方式

这里写图片描述

Java仗剑走天涯
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 网页布局（详解网页的布局构造）
百赢出品，必属精品
04-26 1898
网页布局是将网页内容按照一定的结构和规则进行排版和组织，使得页面具有良好的结构和易读性。它涉及到页面元素的位置、大小、间距等方面的设计。头部区域、菜单导航区域、内容区域、底部区域。了解网格系统的概念和作用，掌握如何设计和实现网格布局，以及如何利用网格系统进行页面排版和元素定位。理解响应式设计的原理和重要性，掌握使用媒体查询、流式布局等技术实现网页在不同设备上的自适应显示。熟悉CSS中的各种布局模型，包括常规文档流、浮动布局、定位布局（相对定位、绝对定位、固定定位）、Flexbox布局和栅格布局等。
css-pro-layout：CSS库，用于构建响应式和可自定义的布局
02-03
CSS Pro布局 CSS库，用于构建响应式和可自定义的...import 'css-pro-layout/dist/css/css-pro-layout.css' ; CDN 您也可以使用的CDN链接 < link href =" https://unpkg.com/css-pro-layout/dist/css/css-pro-layout
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
crystalNB的专栏
11-07 1833
这 样写可以达到的效果是如果安装了GCF，则使用GCF来渲染页面，如果没安装GCF，则使用最高版本的IE内核进行渲染。Google Chrome Frame（谷歌内嵌浏览器框架GCF）。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器。
IE下的布局（layout）和拥有布局（hasLayout）
MoeCodeFree的博客
09-12 443
IE下的布局（layout）和拥有布局（hasLayout） 我们都知道IE浏览器和其他一些浏览器有很多表现不同的地方，这确实让人头疼，IE的表现与其他浏览器不同的原因之一就是我们今天要说的这个熟悉又陌生的东西：layout是一个专门针对显示引擎内部工作方式的概念（听起来好像很官方），布局问题是许多IE显示bug的根源。 另外在清除浮动的时候也经常提出触发haslayout，关于清除浮动的内容，戳这里！ windows上的IE使用布局概念减少它的处理开销。在理想情况下，所有元素都控制自己的尺寸和定位，但是在
CSS Grid布局：浏览器开启CSS Grid Layout
01-07 243
上一篇《CSS Grid布局：什么是网格布局》中简单介绍了什么是CSS Grid Layout以及一些概念和术语，为后续学习和使用CSS Grid Layout做了一些铺垫。但浏览器对CSS Grid Layout到目前为止各浏览器厂端支持程度不一致，致使无法全面使用，就算是学习做一些测试示例都还需要做一些设置。那么在这篇文章中，将向大家介绍如何让自己的浏览器支持CSS Grid Layout模块
layout-demo：CSS的各种布局
02-04
在IT领域，尤其是在网页设计和开发中，CSS（Cascading Style Sheets）是不可或缺的一部分，它用于控制网页元素的样式、布局和结构。本压缩包文件"layout-demo"聚焦于CSS的各种布局技术，包括传统的布局方式以及现代...
easy-css-layout:简易CSS布局
03-14
简易CSS布局 演示版 前言 仅用于练习和备份 关于样式的颜色设置，这里存在一些问题，但是我不想修改它们。 如果您想通过本演示进行练习 首先，您需要在“演示”列中查看演示，并自己写下代码 如果您无法实现这些...
tailwindcss-rtl:在tailwindcss框架上启用双向支持
04-23
tailwindcss-rtl介绍符号语言的国际化不仅需要翻译文本，还需要水平地反映布局。 可以通过在布局body标签中添加dir="rtl"来完成，但这可能还不够，您需要为RTL创建其他样式。 使用tailwindcss-rtl插件，您将能够以...
CSS属性display:inline-block用法深入理解
09-25
在CSS布局中，`display`属性是一个至关重要的样式规则，用于定义元素的显示方式。`display:inline-block`是其中一种特殊的值，它结合了`inline`和`block`两种显示特性的优点，使得元素既能像内联元素一样并排显示，...
IE layout详解
fengri5566的专栏
02-13 801
引言: Internet Explorer 中有很多奇怪的渲染问题可以给他一个”layout”得到解决，John Gallant 和 Holly Bergevin把他归类为“dimensional bugs”（尺寸bug或者尺寸臭虫），意思是可以给对应的元素赋予宽度和高度解决；这给我们带来了一个问题：为什么layout可以改变渲染模式和元素之间的关系？ hasLayout定义：
ie兼容响应式布局的实现总结 和 针对ie浏览器的CSS
dmtnewtons的专栏
06-03 2623
参考链接：http://zhidao.baidu.com/link?url=bQioDKMnG_eQoE6dCxzd2hPtMyiB7phu6hBdOupn1Pjk1hV-ItXFZS5GDUBoH5qrfi9LXkUoSciXTiGN36G6LK 参考链接：
你真的了解IE浏览器么？
xiaoxixi_blog的博客
04-07 560
haslayout是什么              我们都知道浏览器有bug，而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的表现与其他浏览器不同的原因之一是，显示引擎使用一个称为布局(layout)的内部概念。因为布局是一个专门针对显示引擎内部工作方式的概念，所以一般情况下不需要了解它。但是，布局问题是许多IE/Win显示bug的根源，所以理解这个概念以及它
三. CSS layout（布局）
scyllake的博客
10-24 1117
1.文档流（normal flow） 网页是一个多层的结构，一层摞着一层，通过CSS可以分别为每一层来设置样式，作为用户来讲只能看到最顶上一层，这些层中，最底下的一层称为文档流，文档流是网页的基础， 我们所创建的元素默认都是在文档流中进行排列， 对于我们来元素主要有两个状态： 在文档流中 不在文档流中（脱离文档流） 元素在文档流中有什么特点： 块元素 块元素会在页面中独占一行(自上向下垂直排列) 默认宽度是父元素的全部（会把父元素撑满） 默认高度是被内容撑开（子元素） 行内元素 行内元素不会独
阮一峰老师 CSS Grid 网格布局教程(转载)
热门推荐
鸭绒的博客
09-30 3万+
特别声明：这篇博客转载于阮一峰老师，转载是为了方便日后复习，实在写的太棒了。 <!-- div class="asset-body" --> <h2>一、概述</h2> 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的.
【CSS】兼容IE6的卡片式布局
编程记录，亲测有效
09-28 3397
如下图： 这种高大上的布局看起来仿佛只有那些前端框架，而且要考虑很多东西才能够弄出来。 其实不然，完全可以自己手写几句简单的CSS就能够弄出来了。根本无需理会那些动不动就摆大牌说不兼容IE6就不兼容IE6的前端框架。 先上代码再讲解。上图的代码如下： 卡片式布局 body{ background:#eeeee
css常见布局方式
weixin_30559481的博客
10-06 54
CSS常见布局方式 以下总结一下CSS中常见的布局方式。本人才疏学浅，如有错误，请留言指出。 如需转载，请注明出处：CSS常见布局方式 目录： 使用BFC隐藏属性 float + margin absolute + margin 圣杯布局 双飞翼布局 flex布局 以上5种方式都可以实现两栏或三栏布局 如果对BFC(块级格式化上下文)概念不熟悉的朋友，可以先看看这篇文章。BFC深入理解 使用B...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值