随笔分类 - css
摘要：1、失效原因：块级元素的垂直相邻外边距会合并 2、解决办法 其中一个改为不是块级元素：display:inline-block; 设置父元素的border:1px #00ffff solid; 设置父元素的padding:1px; 给父元素设置overflow:hidden; 给父元素或者自身设置p
阅读全文
摘要：子元素选择器：只能选择自己的儿子 // 上面 div > strong {color:blue} 中选择strong元素失败 后代选择器：只要是自己的后代，都能选定
阅读全文
摘要：我们都知道,元素分为行内元素和块级元素,在页面布局中,我们常常需要让行内元素具有块级元素的特性,或者使块级元素转换成行内元素,这就要使用我们的display属性了. 我们先定义三个div: 以上的三个div都是块级元素,输出的结果为: 块级元素的特征就是各占一行. 接下来用display将第二个di
阅读全文
摘要：区别： 1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block。 2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的； 块级元素却总是会在新的一行开始排列，各个块级元素独占一行，
阅读全文
摘要：float脱离文档流，浮动在其他元素之上 float后像一个行内块级元素inline_block，可设置宽高，宽度自动调整为元素中内容的宽度 a1没有float a1float后 显示结果： 图片浮动之后，container高度只剩下“111111”文字的高度，container不能被img撑开了
阅读全文
