我想要让父元素根据子元素高度来进行高度自适应,为什么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>不知道哪里出错了
展开
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>
给你改了一下,不知道你要的是不是这样的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
justify-content:center;//子元素水平居中
align-items:center;//子元素垂直居中
display:-webkit-flex;
我不知道怎么让父级根据子元素自适应高度,但我知道怎么让子元素根据父级自适应没有高度的高度,把上面代码放到父级元素里就可以使子元素自适应父级的高度垂直居中了
align-items:center;//子元素垂直居中
display:-webkit-flex;
我不知道怎么让父级根据子元素自适应高度,但我知道怎么让子元素根据父级自适应没有高度的高度,把上面代码放到父级元素里就可以使子元素自适应父级的高度垂直居中了
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询