父元素随子元素宽度自动撑开问题, 父元素overflow- auto; 有滚动条时
时间:2023-03-30 22:48:29
CSS
父元素随子元素宽度自动扩展,父元素overflow:auto;有滚动条的时候直接上传代码:
//css这里我用了sass.father{宽度:200px;高度:400px;边框:1px纯红色;溢出:自动;.child{背景:#ccc;div{宽度:400px;高度:900px;}}}这里得到的效果是里面的子元素应该自动填充其子元素div的宽度,但是得到的效果是子元素的宽度和父元素的宽度是一样的。我这里分析是因为width获取的是其父元素的可见宽度。所以预期的效果消失了!!!!当然也可以用js计算出最里面的宽度,然后给child赋值。我没有这个我做是因为js的成本比css的成本高很多。然后我在StackOverflow上搜索我想要的答案。在这里告诉大家,StackOverflow上还有很多比较靠谱的问题。。father{width:200px;高度:400px;边框:1px纯红色;溢出:自动;.child{背景:#ccc;最小宽度:100%;显示:内联块;//在这里添加这两个属性div{width:400px;高度:900px;}}}把滚动条拖到最后也是一样的。还有一种方法是添加display:table;子元素的属性。