1个回答
展开全部
absolute会导致父元素的边界崩塌，也就是你这种宽度不受父元素限制。最方便的解决方法就是overflow:hidden
追问
我希望的就是绝对定位的子元素宽度不受父元素宽度的限制，而是随内容变化，但实际效果是受到了父元素宽度的限制，内容超出父元素宽度时就换行了
追答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>absolute.html</title>
<style type="text/css">
.father{
position: relative;
width:200px;
height: 200px;
border:1px solid red;
}
.child{
top:25px;
position: absolute;
height: 50px;
width: auto;
border: 1px solid blue;
white-space: nowrap; /*规定段落中的文本不进行换行：*/
}
</style>
</head>
<body>
<div class='father'>
<div class='child'>a s d f a s d f a s d f a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a</div>
</div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
