发表于: 2018-10-21 16:33:58

1 790


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)

 按要求修改了task7-2   增加了:hover

.box-box {
    position:absolute;
    display:none;
......
  }
.box{
    display:inline-block;
......
  }
.box:hover .box-box{
     display: flex;
  }

 注意:要确保弹出的div在hover浮层div的内部。


明天计划的事情:(一定要写非常细致的内容)

  看任务7还有哪些不完善地方和冲击任务8 


遇到的问题:(遇到什么困难,怎么解决的)

      修改了任务7-2后上传到服务上了,其他浏览器版本刷新了


只是输入网址打开网页依然是,修改前的样子,

   ?


收获:(通过今天的学习,学到了什么知识)

  

隐藏和显示div的两种方法

方式一

style="visibility: none;"

visiblity:visible -------->可见

visiblity:hidden ------->不可见(隐藏)

这种方法div是占据空间的,只是说看到的是空白

方式二

style="display: none;"

display:none--------->无(隐藏)

display:""------------>有(不设置display属性即是有可以看见)

这种方法div隐藏后是不占据空间的



返回列表 返回列表
评论

    分享到