以一种适用于IE/Edge的方式将div按百分比划分为行？
要将div按百分比划分为行，可以使用CSS的flexbox布局来实现。具体步骤如下：
- 首先，在HTML文件中创建一个包含多个div的容器，例如：<div class="container"> <div class="item">Item 1</div> <div class="item">Item 2</div> <div class="item">Item 3</div> </div>
- 在CSS文件中，为容器设置display属性为flex，使其成为一个flex容器：.container { display: flex; }
- 设置每个子元素的宽度百分比，以实现按百分比划分为行的效果。可以使用flex-basis属性来设置子元素的宽度，例如：.item { flex-basis: 33.33%; /* 三个子元素平均分为三行 */ }
- 如果需要在IE/Edge浏览器中兼容flexbox布局，可以使用-ms前缀来添加相应的CSS属性，例如：.container { display: -ms-flexbox; -ms-flex-direction: row; } .item { -ms-flex: 1 0 33.33%; }
这样，div就会按照百分比划分为行，并且在IE/Edge浏览器中也能正常显示。
相关·内容
请不要投票结束。这是关于为什么这不起作用的技术原因。我已经有了一个可行的解决方案，我没有要求它。
简单的例子，我需要使.wrapper高度，至少，浏览器的高度。
以下工作在IE10-11、Edge、Firefox、Chrome ()中完成：
<!doctype html>
<html lang="it">
<head >
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content=&
浏览 0提问于2018-03-20得票数 5
3回答
我有一个带有背景图像的div，在包装中如下所示：
<div id="imageholder">
<div id="image">
</div>
</div>
#imageholder {
width: 100%;
height: 500px;
overflow: hidden;
}
#image {
width: 100%;
height: 100%;
background-image: url(image.jpg);
background-size: cover;
/*IE HACK*/
filter
浏览 14提问于2013-12-11得票数 1
1回答
签名簿在IE7中不起作用
、、、
我有以下签名簿。
<form method=post action="#" class=sigPad>
<label for=name>Print your name</label>
<input type=text name=name id=name class=name>
<p class="drawItDesc">Draw your signature
浏览 0提问于2012-10-17得票数 3
回答已采纳
我认为布局非常简单，但在ie11中，布局包装似乎不起作用。请查看此，或者只考虑以下代码：
<div layout="row">
<div layout="column">
<div layout="row" layout-wrap>
<div>lorem ipsum dolor sit amet</div>
<div>lorem ipsum dolor sit amet</div>
浏览 2提问于2017-05-17得票数 0
回答已采纳
1回答
min-height不是在火狐上工作，而是在IE、Edge和Chrome中工作
<html>
<body>
<div style="min-height:80%; background:#543;">
</div>
</body>
</html>
我该怎么做才能显示出最小高度？像素不是选项，它需要是%
浏览 2提问于2016-10-14得票数 3
回答已采纳
1回答
我想在我的网页上选择一个特定的范围。如果元素是隐藏的，IE ()和Edge会出现错误。如何将选择添加到隐藏元素上的文档中？
示例
<html>
<head>
<meta name="robots" content="noindex">
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<meta charset="utf-8">
<title
浏览 2提问于2015-10-16得票数 2
我使用的是下面的meta标签
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
这是我的完整html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<title>Compatability Mode?</title>
</head>
<body style="
浏览 2提问于2015-05-22得票数 0
这里提供小提琴演示：
功能
基本上，我有一个非常简单的表，它有一个<thead>和两行(总计3行)。单击第2行将切换第3行中内容的可见性。
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:60px;">A</th>
<th style="width:50
浏览 4提问于2011-06-22得票数 1
回答已采纳
1回答
我正在尝试在页面上嵌入一个iframe，但是，我的页面很长，因此iframe也很长。问题是当页面很长时，在IE和Edge中，对于鼠标滚轮的每个滴答声，它不像Chrome那样只滚动2到3行，而是一次滚动10+行。它滚动得太快了。
<iframe src="longpage.html" style="height:6000px"></iframe>
这只会在IE和Edge中发生。有没有人知道如何将滚动限制在每个刻度只有3行？
下面是一个例子：
在IE/Edge中查看以了解我的意思。
浏览 12提问于2016-09-15得票数 0
我想练习一些CSS，所以我在vscode中创建了一些div来开始尝试，但当我进入实时服务器时，什么都没有出现。 下面是我的代码：* <html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="" width="&
浏览 27提问于2021-09-13得票数 0
我已经使用CSS Grid布局了一个困难的网格布局，其中网格项目具有不同的高度和宽度。网格行的高度设置为1fr，以便与网格的高度成比例。某些网格项具有grid-row: span 2或grid-row: span 3。
网格元素绝对位于包装器的内部，上面有填充，以保持纵横比。
这一切都在Chrome和Firefox中完美地工作，甚至在IE中都有-ms-前缀的帮助。
在Safari中的则是另一回事：
然而，在Safari中，网格行似乎不是以同样的方式计算的--在Safari中，行的高度比任何其他浏览器都要短得多，这就破坏了布局。为什么会这样呢？
从网格元素中删除绝对位置不会更改行高度。但是，似乎
浏览 125提问于2019-03-26得票数 15
回答已采纳
在Chrome和Firefox中，这两行代码的末尾都有一个省略号。然而，在IE11/Edge中，只有第一行有一个省略号，第二行是简单的截断。有没有办法让IE11/Edge像Chrome/Firefox那样工作？
body {
font-family: 'Arial';
}
div.wrapped-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100px;
}
<div class="wrapped-text">
Th
浏览 0提问于2016-03-18得票数 0
1回答
我很难让Chrome注意到flex: 1 1 25%在flex-direction: column布局中的灵活基础部分。它在row布局中工作得很好。
下面的代码片段演示了这个问题:黄色、蓝色和粉红色的条形是基于弯曲的50 in，25%和75%，显示在列和行的flex方向上。
如果您在Firefox (或IE11或Edge)中运行它，列和行将按预期划分区域：
但如果你在Chrome (47)或Safari (9.0.3)中运行它，左边的列布局似乎完全忽略了挠性基础--酒吧的高度似乎与弯曲基无关：
左和右之间唯一的区别是flex-direction。
.container
浏览 0提问于2016-01-27得票数 6
我尝试使用以下CSS代码缩放div高度。在Chrome和FF浏览器上一切正常，但在IE11和IE Edge上就不行了。 Chrome和FF： Height:calc((100vh - 100%) + 30px); 当我尝试将其放在Edge上时，检查其转换为： Height:calc(30px + 100vh + -100%);
.flyout-container {
text-align: left;
visibility: hidden;
position: fixed;
top: 64px!important;
bottom: auto;
浏览 15提问于2019-08-29得票数 1
1回答
在我的网站的标题中，我有以下元标签：
<meta http-equiv="X-UA-Compatible" content="IE=edge">
据我所知，IE=edge将告诉IE以浏览器能够显示的最高模式查看网页。因此，如果访问者使用的是IE9，它将使用IE9标准显示页面。
最近，有人给我发了一张使用IE9的网站屏幕截图，因为网站没有正确显示，设置为:浏览器模式: IE9和文档模式: IE7标准。我无法在我的终端重新创建显示问题，也没有任何其他的抱怨。我不知道为什么IE在文档模式中使用IE7标准。
为什么IE会在文档模式中使用IE7标准？IE=ed
浏览 0提问于2015-05-12得票数 0
回答已采纳
这是一个，我在火狐和Chrome控制台上查看了.showcase元素和其中一个.icon元素的样式，我看不出有什么不同。然而，在这两种浏览器中，两行小.icon框之间的差距是不同的。我暂时只在320 x 480分辨率下工作。我知道截图中的窗口并不完全相同，但当它们都恰好是320x480px时，情况就是这样。
如果有人知道原因，我将不胜感激！
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
浏览 6提问于2018-03-01得票数 0
2回答
假设我们有这样的标记：
<div id="outer">
<div id="middle">
<div id="inner">
</div>
</div>
</div>
这个css：
#outer {
display: flex;
flex-direction: column;
background-color: white;
height: 300px;
}
#middle {
flex-grow: 1;
backgroun
浏览 2提问于2016-08-17得票数 3
回答已采纳
1回答
我只需要显示图像的右边
我怎么能做到呢？
html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 8提问于2022-10-16得票数 -1
5回答
我已经看了很久，我不知道这里发生了什么。有人能给我个提示吗?为什么会这样？Firefox，Chrome，IE都有相同的结果。
在本例中，容器的宽度设置为1000 to ，内部div溢出容器：。
在本例中，我只将容器的宽度更改为300 no ，结果是内部项的高度在容器内，没有溢出：。
代码：
<style>
.container {
position: absolute;
top: 10px;
left: 10px;
width: 1000px;
height: 300px;
浏览 6提问于2013-02-05得票数 1
回答已采纳
3回答
我有一个附加了css类的div，它定义了z-index。这在chrome和firefox上运行良好，但在IE上就不行了。我不得不把位置:相对于IE。但同样的方法并不适用于edge。对Edge来说什么都不起作用。
我有一个类似按钮的东西，当单击两个元素时打开，一个重叠另一个。我想排在最前面的那个有50个z指数，另一个有20个。
除了z-index之外，我还需要添加一些其他属性才能在边缘上工作吗？
<div class="abc">
...
</div>
.abc{
z-index: 10;
}
我对just edge有问题。
浏览 2提问于2018-05-03得票数 2
1回答
我有一个图像(在示例中用一个绿色区域表示)，它应该由左侧的一个圆圈“蒙面”并垂直居中。它的工作方式与Firefox和Chrome一样，但不适用于任何版本的IE (经过测试的IE11和Edge)。在IE上，图像的角被显示，即图像的一部分应该隐藏在边框中。
下面是小提琴(在Chrome中测试期望的结果)：
.left_circle {
width: 40px;
height: 80px;
border: 4px solid red;
border-top-left-radius: 200px;
border-bottom-left-radius: 200px;
}
.ima
浏览 4提问于2017-02-06得票数 2
回答已采纳
我创建了以下内容，其中按下一个图标来启动上传过程，而不是通常的browse...。它可以在Chrome和FireFox上运行，我相信除了Edge之外，还有更老版本的IE (我是用IE的文档模式测试的)。在IE Edge上，当单击图标时，没有任何反应。
我该怎么做才能让它在Chrome、Firefox、IE Edge以及至少IE 10和9中工作？
结果：
/* Upload Photo */
.upload-wrapper {
width: 250px;
height: 250px;
margin: 0 auto;
}
.upload-wrapper img {
widt
浏览 0提问于2016-07-03得票数 0
回答已采纳
我对堆栈溢出进行了大量研究，发现以下是强制不兼容模式的最推荐方法：
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
我对这些答案的看法是，它们都是IE8&9时代的答案。
这个仍然是强制使用用户正在运行的最新浏览器的方式吗？
这是为一个公共网站，我们的用户经常使用IE10，IE9，IE7 & IE8 (大致按这个顺序)。
是的，IE7的使用比IE8更普遍。
我对IE8的唯一限制是该站点必须具有可读性。
这是一个现代化的网站，我希望任何浏览器，用户必须不处于兼容模式。我知道有一
浏览 0提问于2015-06-01得票数 7
回答已采纳
非常简单，div内有2个div，宽度为610 div。
1) div1的宽度为父本的60% =366 of，padding-right = 5% = 30.5px。
2) div2的宽度为父本的35%，为213.5px。
两个div都是在父div中左浮动的。
因此，在大多数浏览器上，它们都浮动在同一个级别上，因为366 + 30.5 + 213.5 =610 or，我怀疑Firefox、Chrome和IE 8/9实际上截断了30.5到30和213.5到213，所以在父div中，这两个div最终变得有点窄，但这并不是一个大问题，实际上，是1或2个像素差。
最大的问题是IE7，它把30.5到31,
浏览 4提问于2011-05-22得票数 1
回答已采纳
我在Flex中使用writing-mode: vertical-lr。这种布局在Chrome 76中运行正常，但在火狐68和IE11中却完全是错误的。
关于需求的注释:对于特定场景，我需要%垂直边距w.r.to容器(即父元素)的高度，而不是宽度(这是浏览器的实际行为)。我使用的技巧是为容器设置writing-mode: vertical-lr，这样子容器的%垂直边距(例如：margin-top: 10%__)将被计算为w.r.to容器高度而不是宽度。我为孩子们申请了writing-mode: horizontal-tb，让他们看起来很正常。
演示代码：(在火狐或IE 11中运行下面的代码，或见
浏览 0提问于2019-08-19得票数 0
我在Outlook 2016 for Windows上测试我的Outlook插件。displayDialogAsync打开的弹出窗口比我在选项中提供的尺寸要大得多(大约大30%或40% )。
我测试过的其他平台(例如Safari，Firefox，Chrome，IE10，IE11，Edge，Outlook2016 for Mac，Outlook2013 for Windows)都会以合适的大小打开弹出窗口。
在Outlook 2016 for Windows中，弹出窗口的尺寸计算方式是否有所不同？
浏览 2提问于2017-11-22得票数 1
2回答
我经常遇到这个问题，这通常会导致我花费额外的时间来尝试解决这个问题。本质上，它是一个简单的布局，如下所示：
HTML：
<div id="container">
<div id="items">
<div class="item">
(data here)
</div>
<div class="item">
(data here)
</div>
<div class="item&
浏览 2提问于2012-10-18得票数 2
2回答
背景图像不显示
、、、、
我有一个带有“wrapper”类的div，当我试图在css中给它添加一个背景图像时，它不会显示，但当我将它添加到正文中时，图像就会显示出来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
<m
浏览 15提问于2019-10-30得票数 0
我正在尝试为我用IE浏览器运行的登录page.when实现一个机器人框架自动化测试，第一个用户的会话没有关闭，用户甚至在使用第二个user.This的关键字“删除所有Cookie”后仍在登录，而IE11浏览器和其他浏览器(chrome，Firefox和Edge)工作得很好。
*** Settings ***
Library Selenium2Library
Library OperatingSystem
*** Variables ***
${url_google} https://accounts.google.com/signin
${lo
浏览 2提问于2018-01-23得票数 1
1回答
我的CSS动画没有正确触发:不透明度是动画，但不是平移。
看：
显然，这是因为IE和Edge不能在translateY和translate之间进行动画处理。
我做了一个测试，我用translateY(0)替换了我的translate(0, 0)：
而且它是有效的。
但我希望我的关键帧保持原样(使用translate(0,0))，因为我在其他页面中经常使用它，具有不同的动画。
你认为我漏掉了什么吗，或者这真的是IE和Edge的一个bug？
谢谢!
浏览 0提问于2017-05-17得票数 0
我在一个预览<div>中有几个元素。我需要将它们的高度相加(而不是预览<div>的总高度)。如果元素的高度达到例如300px，我需要触发一些动作。
Firefox和Chrome在这方面做得很好。IE Edge似乎为每个元素添加了额外的行高。我发现这是因为每个元素末尾都有<br />标签。它们似乎是作为Edge中的附加文本行处理的。
比较photoshop中的方框高度，我可以看出，Firefox和Chrome是正确的。边的总高度比看得见的要多得多。
我不能在我的预览<div>中操作变量文本。有没有人知道如何使用jquery或javascript来修
浏览 0提问于2020-08-14得票数 1
2回答
我在IE 7中正常显示以下页面时遇到了一些问题。它在IE 8、Mozilla Firefox和Google Chrome中运行良好。唯一的问题是，在IE7中，无序列表的宽度导致列表项不必要地换行到下一行。任何帮助都将不胜感激。
哦，我还注意到，通过注释掉下面设置某些元素宽度的两行代码，无序列表的问题就消失了。但是我没有把网页放在浏览器的中间，这是我需要的……
不管怎样，有没有什么方法可以让这个在IE7中的显示方式和在IE8中一样呢？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht
浏览 0提问于2010-10-17得票数 2
回答已采纳
2回答
我有一个小组，我是以小组的身体为中心。它在所有浏览器上都很好，除了IE.有人能告诉我为什么吗？
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
CSS
.chart-center {
text-align: -moz-center; /*firefox*/
text-align: -webkit-center; /*safari, chrome*/
margin: 0 auto;
}
<div class="co
浏览 0提问于2015-07-28得票数 0
回答已采纳
我想用一个DIV控件把一个长文本剪切到三行。它在Chrome中工作得很好，但在FF和IE中就不行。这是我的xPage：
<xp:div id="mainDiv" styleClass="style1">
<xp:div id="contentDiv" styleClass="style2">
<xp:div id="descriptionDiv" styleClass="style3">
sssss sdf asdf
浏览 0提问于2017-02-15得票数 0
我正在制作一个简单的网页，但是在谷歌铬上它看起来很好，这正是我想要的，但是当我打开IE或Edge的页面时，导航药片就在屏幕的顶部，而不是在中间，就像在铬中一样。
图像：
我有‘顶部’属性的div，他们在其中是设置为30%。
我有更多的代码，但我不想用它淹没这个，如果你需要更多的信息，让我知道！提前感谢！
#bodyArea
{
width: 425px;
position: relative;
top: 30%;
left: 44.3%;
}
浏览 2提问于2015-11-25得票数 0
1回答
我有一个覆盖的div，它是body标签的孩子，div的背景应该是透明的白色，我不喜欢用png来伪造它。我有以下几点看法：
.my-overlay
@include opacity(0.6)
background: #fff
position: absolute
top: 0
left: 0
这将编译为：
.my-overlay
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
background: white;
posit
浏览 1提问于2012-04-11得票数 0
滑块输入不会在Edge中显示，但可以在其他浏览器中正常显示。让我备受煎熬。 它可能是一些简单的东西，希望，但我从来没有使用过inputrange。非常感谢您的帮助。 在边缘/IE中，它看起来像这样：Edge/IE version Chrome, Safari and Firefox #sliders {
text-align: center;
padding: 7px 0px;
width: auto;
}
#sliderX1,
#sliderX2 {
display: inline;
width: auto;
}
.Xslider {
display: in
浏览 11提问于2020-04-02得票数 0
回答已采纳
我有一个简单的场景，我希望两个框在彼此之间显示，并取整个页面的宽度，两者之间的距离为0.75em。这是我的标记：
<div class="box"></div>
<div class="box"></div>
和CSS：
.box {
float: left;
width: calc(50% - 0.375em); /* 0.375 * (2 boxes) = 0.75 */
margin-right: 0.75em;
}
.box:last-of-type {
margin-right: 0;
浏览 5提问于2014-07-28得票数 0
回答已采纳
1回答
我试着使用：
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
在我的静态html页面的<head>部分。
我用它来保证对较新的CSS元素的访问。
这很好用，而且我可以在IE9浏览器中使用table:last-of-type。
但是，当我使用meta标记时，页面上第一行文本会像填充一样向下移动。
我尝试过其他的meta标签，比如：
<meta http-equiv="cache-control" content="no-cache&
浏览 2提问于2012-05-26得票数 0
2回答
双击使用IE
、、
我在IE中发现了一个双击问题.
以下是我的HTML：
<div id="test">Hello World!</div>
我的jQuery：
$('#test').bind('dblclick', function (event) {
event.stopPropagation();
$(this).css({'background-color': 'red'});
});
在IE中，执行以下操作：
在DIV外部，鼠标按下→鼠标，向上按→鼠标，向下按住→鼠标。
然后，
浏览 0提问于2013-07-01得票数 3
回答已采纳
我正在做一个使用Twitter Bootstrap的简历页面，我希望它有流畅的布局和响应式布局。这是。
代码如下：
<div class="container-fluid">
<div class="row-fluid">
<div class="row-fluid span7">
<div class="span2">
<img src="assets/img/scelta1.jpg" class="th
浏览 0提问于2012-07-24得票数 0
回答已采纳
2回答
我有一个包含border-width: 0px;和border-radius: 5px; (或-moz-border-radius等)的div。
在Chrome、Safari和Firefox中，这一功能运行得很好，div的角是圆角的，所以在角上是透明的。
然而，IE9不显示圆角(我检查过了，IE确实处于"IE9模式“，我有一个HTML5文档类型，并将X-UA-Compatible设置为IE=edge)。只有当我添加了
border-style: solid;
border-width: 1px;
我能让IE9在不声明实际边框的情况下渲染圆角吗？
浏览 0提问于2012-11-26得票数 2
回答已采纳
2回答
我相信script标记在加载DOM元素之前正在运行。我该如何等待元素首先被加载？我尝试过用window.onload = () => {}包装脚本标记的内容，但没有成功。我也尝试过<body onload="myFunc()">。 我的逻辑是，如果浏览器是Edge/IE，则在root中隐藏React内容，并显示unsupportedBrowser内容，让用户知道该浏览器不受支持。 注意:这种情况只在IE中发生。 <html>
<body>
<div id="root">React Conte
浏览 12提问于2020-08-29得票数 0
回答已采纳
我想在flexbox中有一个正方形的div。所以我使用：
.outer {
display: flex;
width: 100%;
background: blue;
}
.inner {
width: 50%;
background: yellow;
padding-bottom: 50%;
}
<div class="outer">
<div class="inner">
<a>hehe</a>
</div>
</div>
这在Chrome
浏览 0提问于2016-04-22得票数 15
回答已采纳
在有人开始尖叫“不要使用表格来布局”之前，我还没有能够创建一个在我的情况下有效的非表布局。
直接设置height: 100%并不是因为明显的原因(也许不是很明显，但我理解为什么它不起作用)：
<td>
<div style='height:100%'></div>
</td>
试图使用绝对定位：
<td style='position:relative'>
<div style='position:absolute; top:0px; bottom:0px;'&g
浏览 0提问于2013-02-27得票数 1
2回答
输入按钮中的文本是粗体，我不想这样做。
我想不出是什么让它变得大胆。
当我检查元素时，我想出了字体大小:100，就像我在CSS中声明的那样。
我试过-webkit-外观:没有；
这造成了一种奇怪的行为，只有当你悬停时，文本才会打开。
HTML
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no
浏览 3提问于2014-12-15得票数 0
回答已采纳
1回答
当我将声明添加到页面顶部时，我的柔性盒布局将崩溃，当我删除doctype时，它将按预期工作。在chrome/firefox/ie中出现问题。
.grid {
height: 100%;
display: flex;
flex-flow: column nowrap;
flex-grow: 1;
border: 1px solid black;
}
.row {
width: 100%;
display: flex;
flex-flow: row nowrap;
flex-grow: 1;
}
.cell {
flex-grow: 1;
borde
浏览 0提问于2016-02-19得票数 8
回答已采纳
我有一个很简单的问题。当缩放大于一个(例如:缩放: 1.467)时，如何使div位置在IE中工作？
我创建了一个简单的jsFiddle。如果您在Chrome中查看结果全屏，div将按预期的位置定位。但是如果您在IE11中看到了相同的结果，那么div是随机定位的。请注意，当缩放设置为1，它的工作绝对好在IE太。
我相信这是纯粹的css问题与IE。
我如何使它工作在IE和Chrome一样？
jsFiddle全屏结果：
编辑：jsFiddle：
我真的很感激你的帮助。
提前感谢
图像：
1.当在Chrome上查看结果时(每个div都有缩放:1.4671.)：
2.在IE11中验证结果时
浏览 0提问于2015-06-26得票数 2
以下是我的例子：
body {
padding: 50px;
}
div {
width: 240px;
height: 150px;
border: 1px solid #ccc;
position: relative;
}
a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charse
浏览 5提问于2017-10-07得票数 1
回答已采纳
1回答
有问题的页面在这里：
在Edge中查看时，菜单按钮的渲染范围超出了应有的范围。这会导致按钮换行到新行中，这是不受欢迎的行为。如下所示：
此问题仅出现在Edge浏览器上，所有其他现代浏览器都按预期进行渲染，如下所示：
有没有人能看到我哪里出了问题？
有没有人能解释一下IE & Edge为什么会有不同的处理方式？
浏览 0提问于2016-04-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
