IE6layout元素自动包含浮动元素

.father {    background-color: #CFF;    width:500px;/*触发haslayout*/    margin-bottom:12px;}.son{    float:left;    width:200px;    height:200px;    background:#CC3;    margin-right:14px;}.footer{    width:500px;    background:#FCF;}

<div class="father"><div class="son">此处显示  class "son" 的内容</div><div class="son">此处显示  class "son" 的内容</div></div>

转载于:https://www.cnblogs.com/sjyhome/archive/2012/03/31/2427261.html

IE6layout元素自动包含浮动元素相关推荐

子元素自动撑开父元素空间
宽度 width !注意: 如果一个元素不添加width 属性,默认属性值为auto,不同的元素浏览器会根据其特点自动计算出实际宽度. 块级元素,其 width 属性的值会自动撑满父元素的 width ...
浮动元素会引起的问题和你的解决办法
问题: (1)父元素的高度无法被撑开,影响与父元素同级的元素 (2)与浮动元素同级的非浮动元素会跟随其后 (3)若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构解决方法: ...
块元素与内联元素的盒子模型、浮动
目录 1.盒子模型 2.盒子模型的边框 3.盒子模型的内边距 4.盒子模型的外边距 5. 垂直外边距的重叠 6.清除浏览器默认内外边距 7.内联元素的盒子 8.dispaly详解 9.overflow ...
css笔记（选择器+清除浮动+定位+margin叠加以及子元素margin对父元素拖拽+羽化阴影）
##css(Cascading Style Sheet) 1.样式引入行内样式:优点--效率高: 缺点--html与css代码耦合,复用性低内部样式表:优点--解决css和html代码耦合: 缺点- ...
css浮动后页面乱了怎样解决,详解浮动元素引起的问题和解决办法
一.问题多个浮动的元素无法撑开父元素的宽度,父元素的高度可能会变成0. 若浮动元素后面跟非浮动元素,非浮动元素会紧随其后浮动起来. 若浮动元素前面还有同级元素没有浮动则会影响页面结构. 二.解决办法 ...
【CSS】通过定位修改 display 显示模式 ( Display 显示模式转换 | inline-block 改块元素为行内块元素示例 | 为块元素设置浮动 | 为块元素设置定位 )
文章目录一.Display 显示模式转换二.块元素示例三.inline-block 改元素为行内块元素示例四.为块元素设置浮动五.为块元素设置定位一.Display 显示模式转换 disp ...
CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
【学习笔记】block、inline（替换元素、不可替换元素）、inline-block的理解
本文转载总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素).blo ...
块元素和行内元素（初步）
块元素(bolck elemet) 主要用于页面布局,在网页中独占一行行内元素(line element) 主要用于包裹文字,不会独占一行规则: 一般情况下:用块元素包含行内元素,反之不可 1.块 ...

IE6layout元素自动包含浮动元素

IE6layout元素自动包含浮动元素相关推荐

最新文章

热门文章