如何解决CSS溢出:自动在ios和safari上搞砸了
我有一个固定宽度和高度的div。在这个div的内部 我还有6个具有内容的div。我希望他们在主要div垂直区域内滚动。 它在Chrome和Firefox上运行良好,但在Safari或iPhone上的chrome上看起来 完全搞砸了。它是“ Warum ObsthofBöhm?”部分。
这是链接:Obsthof-Boehm
主分区代码:
#div_block-261-25 {
width: 40%;
display: flex;
margin-right: 80px;
height: 500px;
flex-direction: column;
text-align: left;
float: right;
height: 500px;
width: 40%;
padding: 10px;
}
内容DIV代码
#div_block-618-25 {
flex-direction: column;
display: flex;
text-align: left;
align-items: flex-start;
height: 400px;
overflow: auto;
}
解决方法
首先,您在height: 500px; width: 40%;
中有2次#div_block-261-25
。
然后将flex
添加到您的div中:
#div_block-618-25 > div{
flex: 0 0 auto;
}
它应该可以解决您的问题。 (在野生动物园工作)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。