随笔分类 -  CSS

摘要:一、在div里面有子元素div1时,div在没有设置overflow:hidden或者是border属性时,div的margin-top的值为div/div1中的margin-top的最大值。上面的结果如图: 注意:div1在div中的margin-top值为0px; 二、当父级div设置了上述属性 阅读全文
posted @ 2017-04-20 16:50 heshan珊 阅读(7223) 评论(1) 推荐(1)
摘要:利用float进行页面布局时常常会出现父级元素没有高度的塌陷问题,如以下代码: 实际出现的界面如下: 和预期的效果不太一样: 解决上诉问题的方式: (1) 在父级元素上添加overflow:hidden属性,可以将父级元素撑大 (2) 在最后一个子元素后加入<div style="clear:bot 阅读全文
posted @ 2016-10-13 16:35 heshan珊 阅读(531) 评论(0) 推荐(0)
摘要:CCS中让div等块级元素在父级元素中居中的方法: (1)div{ margin:0 auto } 该方法只能实现水平的居中,无法实现元素的垂直居中 (2)当div元素的宽高是固定的,然后设置位置为绝对位置absolute,左边框和上边框的距离设置为50%,这个50%就是指具有定位为absolute 阅读全文
posted @ 2016-08-22 21:28 heshan珊 阅读(1430) 评论(0) 推荐(0)
摘要:CSS的内联元素和块级元素 块级元素<h1>-<h6>、p、dt是不可以内联块级元素的 1、block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一 阅读全文
posted @ 2016-05-09 21:53 heshan珊 阅读(3791) 评论(0) 推荐(0)
摘要:只要position的属性值设置的不是默认的值则定位的元素都将脱离文档流 1、static是position的默认的值,按照正常的文档流进行排版,设置了该属性值得元素的top,left属性均不起作用。 2、Fixed属性值是相对于浏览器窗口定位的(及视口坐标),设置该属性后的元素是独立的,他脱离文档 阅读全文
posted @ 2016-04-17 16:13 heshan珊 阅读(881) 评论(0) 推荐(0)