gpt4 book ai didi

html - 我怎样才能在ie9中得到这个?

转载 作者:行者123 更新时间:2023-11-28 08:54:03 25 4
gpt4 key购买 nike

我有下面的代码,想知道有没有办法让它兼容IE9。

想法是让两列具有相同的高度(采用同一行中最高元素的高度),并且内容位于其中一列的底部。

[class*=col_]{
float:left;position:relative;min-height:1px;margin:0;background-color:lime;}
.col_16{width:66.666666666667%;}
.col_8{width:33.333333333333%;}
.flex {
display: flex;
item-align: stretch;
}
.container-title {
background-color:blue;
height: 100%;
position: relative;
width: 100%;
}
.content-title {
background-color:red;
position: absolute;
bottom: 0; width: 100%;
}
<div class="flex">
<div class="col_8">
<div class="container-title">
<div class="content-title">
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
</div>
</div>
</div>
<div class="col_16">
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
</div>
</div>

最佳答案

而不是让它与两者兼容,这可能并不容易(可能不容易),它可能是一个选项来检查/检测 IE 版本,然后专门为您的问题加载一个单独的样式表

  <head>
<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css" />
<![endif]-->

lt 小于,如果你只想针对 ie9,你可以更改它,这比尝试使用 js 使其工作要简单得多。 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

关于html - 我怎样才能在ie9中得到这个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27208751/

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