前端
关注
分享
扫一扫
Javaxiaobaismc
这个作者很懒，什么都没留下…
展开
-
解决CSS高度塌陷问题
什么是高度塌陷在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。如：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <...原创 2019-03-25 10:51:57 · 6965 阅读 · 0 评论 -
实现网站常见的轮播图
一、大致思路：先创建一个div，限定其宽度和高度，overflow：hidden，且设置其position为relative（相对位置）。 然后创建一个装图片的div，宽度为所有图片的总宽度，且设置其position为absolute（绝对位置），并且使其中的内容浮动（float: left;），这样所有的图片就处于一行中。 然后为了实现无缝滚动，所以需要在首尾分别添加一张过渡图片。 先...原创 2019-03-28 15:02:20 · 3758 阅读 · 2 评论 -
用纯css实现下拉菜单的几种方式
第一种:display:none和display:block切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ul{ ...转载 2019-04-08 13:41:40 · 1371 阅读 · 0 评论