为了账号安全,请及时绑定邮箱和手机立即绑定

css如何控制父div层隐藏 子div层显示?

css如何控制父div层隐藏 子div层显示?

慕工程0101907 2018-11-22 23:18:41
例:<style type="text/css">#div1{display:none;width:500px;height:300px;background:white;border:2px solid black;}#div2{display:block;width:150px;height:200px;background:red;margin-left:30px;margin-top:30px;}</style></head><body><div id="div1" ><div id="div2"></div></div>现在想要先只div2
查看完整描述

1 回答

?
精慕HU

TA贡献1845条经验 获得超8个赞

只需将父div设置为display:none;即可,子div不设置display属性!

1<div display:none><div></div></div>;

这样父div就会被隐藏!

display 属性规定元素应该生成的框的类型。个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。display可能的取值为:

none    此元素不会被显示。    

block    此元素将显示为块级元素,此元素前后会带有换行符。    

inline    默认。此元素会被显示为内联元素,元素前后没有换行符。    

inline-block    行内块元素。(CSS2.1 新增的值)    


查看完整回答
反对 回复 2018-12-15
  • 1 回答
  • 0 关注
  • 2114 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信