gpt4 book ai didi

css - IE 无法正确显示 3 个 float 部分

转载 作者:行者123 更新时间:2023-11-28 18:40:27 26 4
gpt4 key购买 nike

在 Firefox/Chrome/Opera/Etc 上,这个 CSS 效果很好,3 列并排。在 IE 上,列是垂直的,不是并排的。

对此有什么简单的修复/破解方法?谢谢!

<style>
.col1 {
float: left;
width: 270px;
position: relative;
padding: 15px;
margin-bottom: 10px;
}

.col2 {
float: left;
width: 270px;
position: relative;
padding: 15px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

.col3 {
float: left;
width: 270px;
position: relative;
padding: 15px;
margin-bottom: 10px;
}
</style>

html:

   <body>
<section class="col1">
<p>Lorem Ipsum is simply dummy text of
the printing and typesetting industry.</p>
</section>

<section class="col2">
<p>Lorem Ipsum is simply dummy text of
the printing and typesetting industry.</p>
</section>

<section class="col3">
<p>Lorem Ipsum is simply dummy text of
the printing and typesetting industry.</p>
</section>
</body>

最佳答案

您可以在头部部分使用此脚本:

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

IE 8< 无法识别 section 元素。问题是浏览器对它们根本无法识别的标签有特殊处理;应用样式和能够包含子项等基本功能将不起作用。

关于css - IE 无法正确显示 3 个 float 部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11602054/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com