我想要让父元素根据子元素高度来进行高度自适应,为什么overflow:hidden不管用呢。

#main{position:relative;margin:10pxauto;width:90%;height:100%;padding:20px;border:1px... #main{ position: relative; margin: 10px auto; width: 90%; height: 100%; padding: 20px; border: 1px solid #999; background: #eee; overflow: hidden;}left{ padding: 20px; display: inline-block; position: absolute; top: 20px; left: 20px; background: white; border: 1px solid #999; width: 200px; height: auto; box-sizing: border-box; margin-bottom:20px; }.left img{ width: 80px; height: 80px;}<div id="main"><div class="left"><img src="file:///E:/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%95%BF%E6%B3%BD%E9%9B%85%E7%BE%8E%20smart/smart-62.jpg"><span style="vertical-align: top;">团队名称</span></div></div>不知道哪里出错了 展开
 我来答
乌锦曦5D
2017-05-03 · TA获得超过127个赞
知道小有建树答主
回答量:178
采纳率:0%
帮助的人:56.2万
展开全部

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <style type="text/css">
        #main{  position: relative; margin: 10px auto;  width: 90%; height: 100%;   padding: 20px;  border: 1px solid #999; background: #eee; overflow: ;}
        .left{ padding: 20px; display: inline-block; position: ; top: 20px; left: 20px; background: white; border: 1px solid #999; width: 200px; height: auto; box-sizing: border-box; margin-bottom:; }
        .left img{   width: 80px;    height: 80px;}

    </style>
</head>

<body>
<div id="main">
    <div class="left">
        <img src="file:///E:/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E9%95%BF%E6%B3%BD%E9%9B%85%E7%BE%8E%20smart/smart-62.jpg">
        <span style="vertical-align: top;">团队名称</span>
    </div>
</div>
</body>
</html>

给你改了一下,不知道你要的是不是这样的

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
山东文汇
2017-05-03 · 我们年轻我们有活力、我们执着我们有耐心。
山东文汇
专业的软件开发服务商,网站开发、APP开发、微信小程序、商城小程序、知识付费产品。
向TA提问
展开全部
justify-content:center;//子元素水平居中
align-items:center;//子元素垂直居中
display:-webkit-flex;
我不知道怎么让父级根据子元素自适应高度,但我知道怎么让子元素根据父级自适应没有高度的高度,把上面代码放到父级元素里就可以使子元素自适应父级的高度垂直居中了
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式