CSS
文章平均质量分 85
CSS
面向对象面向君
这个作者很懒,什么都没留下…
展开
-
上下元素margin重叠问题的解决办法(一种情况)
问题描述:当两个元素纵向存在,上面的元素设有margin-bottom,下面的元素设有margin-top,有时候我们就会遇到一个奇怪的现象,那就是我们实际得到的两个元素之间的间距并非是上面两个值的和,而是其它值。 具体情况:我们先编写如下HTML代码:这是div1这是div2-1 CSS代码:* {margin:0;padd原创 2017-01-02 19:23:11 · 11341 阅读 · 0 评论 -
CSS之元素水平/垂直居中问题
行内元素的水平居中方法一:使用text-align:center;实现水平居中。示例:CSS之居中* {margin: 0;padding: 0;box-sizing: border-box;font-size: 20px;font-family: "microsoft yahei";}#div1 {text-alig原创 2017-01-27 18:31:51 · 513 阅读 · 0 评论 -
table元素的宽度/高度设置问题
昨天在写页面的时候遇到一个很奇怪的问题,我想把页面里面的table元素的高度在css文件里面进行设置为0,可是用 height: 0; 这句话一直没有效果,最后我换用了ul才达到了想要的效果。不过,这是个问题,今天上午我解决了这个问题。(注:以下以高度设置问题作为演示,宽度设置问题同理)首先我们看下如下示例:代码: table元素的宽度/高度设置问题原创 2017-02-24 10:22:35 · 14914 阅读 · 2 评论 -
当子级元素浮动时让父级元素高度自适应的三种方法(以及多个子集元素同时存在浮动和绝对定位时的问题的解决办法)
例如: div { width: 200px; } #parent { border: 1px solid red; } #child { float: left; } 我是child 效果:这就是我们经常遇到的问题了,即子级元素浮动的时候原创 2017-07-29 17:26:38 · 4716 阅读 · 3 评论 -
CSS之四种定位的理解
Static这个是元素的默认定位方式,元素出现在正常的文档流中,会占用页面空间。不能使用top,bottom,left,right和z-index。Relative相对定位方式,相对于其父级元素(无论父级元素此时为何种定位方式)进行定位,准确地说是相对于其父级元素所剩余的未被占用的空间进行定位(在父元素由多个相对定位的子元素时可以看出),且会占用该元素在文档中初始的页面原创 2017-02-03 14:18:07 · 9261 阅读 · 0 评论