css
李慧慧2016
这个作者很懒,什么都没留下…
展开
-
vue-cli 在main.js中引入全局的less文件
在main.js里面直接引入公共的less文件 会报下图的错 解决方案: 1.yarn add style-loader -S 2.yarn add css-loader -S 3.yarn add less-loader -S 4.在webpack.dev.config.js里面配置: module: { rules: [ { test: /\....原创 2019-12-26 10:06:20 · 3074 阅读 · 1 评论 -
清浮动
众所周知,网页开发离不开浮动,如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0。由于父盒子的高度为0,下面的元素会自动补位,所以这个时候要进行浮动的清除。 css浮动详情 1.父级div定义 height 原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握。 缺点:只适合高度固定的...转载 2019-03-03 00:48:37 · 111 阅读 · 0 评论 -
css实现二级菜单
注意事项: 1.二级菜单的hover事件一定要写在父元素才起作用 2.为了防止导航栏下面的banner图或内容盖住二级菜单,需要给导航栏定位, 来提高二级菜单的层级 3.定位之后,二级菜单的宽将不再继承它父元素的宽,需要重新定义,否则它将被内容撑开 <!DOCTYPE html> <html lang="en"> <head> <meta char...原创 2019-03-03 23:30:10 · 13645 阅读 · 0 评论 -
关于height:100%的简单理解
要想高度百分比起作用,一般来说,要满足两个条件:其一,父标签有高度可寻,就是向上遍历父标签要找到一个定值高度(body,html另外讨论),如果中途有个height为auto或是没有设置height属性,则高度百分比不起作用;其二,标签本身的属性,如果inline属性的标签,如果没有浮动,zoom,或是绝对定位之类属性是不支持百分比高度的,block或inline-block属性可以说是高度百分比...原创 2019-03-06 21:33:28 · 8111 阅读 · 0 评论