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

例:<styletype="text/css">#div1{display:none;width:500px;height:300px;background:white;... 例:
<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
展开
 我来答
百度网友8946b52
推荐于2016-01-21 · TA获得超过896个赞
知道小有建树答主
回答量:413
采纳率:0%
帮助的人:226万
展开全部

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

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

这样父div就会被隐藏!

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

none    此元素不会被显示。    

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

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

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

百度网友2a96d09
2013-11-07 · 超过10用户采纳过TA的回答
知道答主
回答量:26
采纳率:0%
帮助的人:18.1万
展开全部
相对定位过后才有可能或者你用!important试试 不过我感觉还是不行!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
来自天险河年轻活力的蜻蜓
2013-11-06 · 超过13用户采纳过TA的回答
知道答主
回答量:47
采纳率:0%
帮助的人:30.5万
展开全部
亲,给定位吧
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友0c2357e
2013-11-06 · TA获得超过371个赞
知道小有建树答主
回答量:803
采纳率:50%
帮助的人:589万
展开全部
用display:none
不行
用z-index
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
河外星的生命
2013-11-06 · 超过48用户采纳过TA的回答
知道小有建树答主
回答量:110
采纳率:0%
帮助的人:52.5万
展开全部
display:none;隐藏 display:block;显示
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式