css
xubingnan123
这个作者很懒,什么都没留下…
展开
-
将大图片完整的放到小div里
将一个比较大的图片插入到一个较小的div里可能会导致图片溢出。 如果想将图片完整的插入到div里,只需在css中给img设置:width:100%;height:100%;即可。原创 2017-11-26 23:22:05 · 11544 阅读 · 1 评论 -
缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
最近仿了一个静态页面,因为目前还没学到JS,所以只用了HTML和CSS。 body部分没设置固定宽高,在写完以后我缩小浏览器窗口,拖动底部滚动条,发现背景有一部分缺失。如下图: 真的很影响美观,我认为这可能是浏览器的一个bug。 随后我在CSS代码的body部分加了一个“min-width”(因为footer的宽继承于body,所以我就直接加在body处)。 下图是加了以后的CSS代码:原创 2017-11-22 20:42:27 · 4260 阅读 · 0 评论 -
CSS3 width:fit-content属性
昨天在做一个JavaScript练习的时候,我要将一段文字插入到div里,在这个过程中偶然接触到了一个以前不知道的属性——“fit-content” 在实践中也许会遇到这么一种情况,我们给一个固定宽度的div里面输入一厂串连续的英文字母,如果输入的足够多,文字会溢出来,就像这样: 只有当输入的是英文的时候才会出现这种情况,因为一长串的英文字母会被默认为是一个单词,而汉字则不会有这个问题。原创 2017-12-18 21:47:57 · 69383 阅读 · 4 评论 -
去掉父元素position:absolute属性后没有高度了?
前一阵子上网得时候偶然间看到这样一个题:将一个页面均分成四等分。于是我顺手做了一下。以下是我的代码和效果: 由于好奇心的作用,我把position:absolute属性删掉了,结果页面上啥也没有了。我不明白其中的原理,就去网上找了找资料并问了问朋友,到目前为止我的理解是这样的: 我们都知道absolute属性会使div脱离文档流,但是我没想到absolute这个属性脱离文档流能脱离的如此“干原创 2018-01-02 21:15:22 · 12861 阅读 · 1 评论 -
微信小程序 将按钮悬浮放置到页面底部
按钮样式: .share-btn { width:100%; color:green; position:fixed; bottom:0; } position:fixed 和bottom:0 这两句让按钮至于页面底部。由于按钮position:fixed使其脱离了文档流,按钮上方的内容会钻到按钮下面去,所以要给上面的元素加一句margin-bottom把原创 2018-01-19 10:45:42 · 32562 阅读 · 3 评论