![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
icesschen
这个作者很懒,什么都没留下…
展开
-
【ie8bug】img设置max-width:100%,外层浮动,图片消失
> 内容.con{float:left;}.con img{max-width:100%;height:auto;}---------ie8下图片消失。是由于浮动引起的bug。 网上查找到的解决方案:1).con设置宽度2)img去掉max-width:100%3)img宽高属性去掉,或者width:auto 但是这个页面要求自适应的,.con不能设置宽度,img的max-wid原创 2016-09-05 20:30:24 · 3717 阅读 · 0 评论 -
关于position:fixed
position:fixed这个样式我们很经常用。大部分情况我们都是用来写浮窗。经常的写法都是把它独立的放在最后。例如: 内容 浮窗.content{height:2000px;}.fix-box{position:fixed;right:0;top:0;}--------------------------------------------------------------但如果是这样原创 2016-09-05 20:30:26 · 726 阅读 · 0 评论 -
在table设置max-width以及min-width兼容问题和解决方案
在table中设置min-width和max-width属性 12/tr>table{min-width:60%;min-width:100%;}但是chrome不兼容max-width,ie7两者都不兼容。解决方案:在table外层包一个div,在div上设置min-width和max-width 12/tr> .table-wrap{width:500px;min-width:60%;mi原创 2016-09-05 20:30:32 · 18319 阅读 · 0 评论 -
关于float
为什么box2文字不跟着box2盒子一样显示在最左边呢?这个跟float的特性有很大的关系。我们都知道,float是脱离文档流的,不占空间,box2块元素叠在box1下面,但是box2中的内联元素包括文字都是围绕着float元素即box1的。原创 2016-09-05 20:30:34 · 292 阅读 · 0 评论 -
安卓下UC浏览器的字体变大bug
不知道大家有木有遇到这样的情况,在某些安卓UC浏览器下,默认字体被放大了,导致排版错乱,除非将浏览器默认字体设置成80%,才能显示正常大小,但这不是解决方案,用户不会去设置成80%的。这是UC浏览器,在字数较多的页面启用了这样的规则,但着对于我们前端来说真是难以忍受的bug,需求方就会跑过来说不兼容,页面错版了有木有啊,求解决啊~我试了很多方法,都无果,比如在css字体大小加个important,原创 2016-09-05 20:30:37 · 1256 阅读 · 0 评论 -
CSS3 :nth-child() 与:nth-of-type()
:nth-child()选择器,该选择器选取父元素的第 N 个子元素,与类型无关:nth-of-type() 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素以下代码可以看出区别。代码: 123 123 >123 p class="item">123p> p class="item">123p> p class="item">123p> 123.item:nth-child(3n){ba原创 2016-09-05 20:30:40 · 374 阅读 · 0 评论 -
关于margin上下重叠的问题
有两种情况:1、兄弟级的块之间,margin这个属性上下边距,经常会发生重叠的情况,以数值大的为准,而不会相加。 2、父子级的块之间,子级的上下margin会与父级上下margin重叠,以数值大的为准,而不会相加。 如何解决?第一种情况:1、float浮动或者 2、inline-block第二种情况:父级加1、overflow:hidden或者 2、加padding 或者3、加border 或者子原创 2016-09-05 20:30:42 · 11361 阅读 · 0 评论