方式一
style="visibility: none;"
visiblity:visible -------->可见
visiblity:hidden ------->不可见(隐藏)
这种方法div是占据空间的,只是说看到的是空白
方式二
style="display: none;"
display:none--------->无(隐藏)
display:""------------>有(不设置display属性即是有可以看见)
这种方法div隐藏后是不占据空间的
发表于: 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后上传到服务上了,其他浏览器版本刷新了
只是输入网址打开网页依然是,修改前的样子,
?
收获:(通过今天的学习,学到了什么知识)
方式一
style="visibility: none;"
visiblity:visible -------->可见
visiblity:hidden ------->不可见(隐藏)
这种方法div是占据空间的,只是说看到的是空白
方式二
style="display: none;"
display:none--------->无(隐藏)
display:""------------>有(不设置display属性即是有可以看见)
这种方法div隐藏后是不占据空间的
评论