作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在下面的代码中,我有 2 个 div,每个都有两个嵌套的 div。当在 Firefox/IE8 下调整浏览器窗口大小时一切正常——最右边的父 div 落在第一个之下。
但是在 IE6(或具有兼容模式的 IE8)下,子 div 在第二个 div 换行中。更糟糕的是,尽管我已经为 div 设置了最大高度,但它还是发生了。
在这种情况下,如何使 IE6 的行为像 IE8/Firefox 一样?我怎样才能告诉 DIV 不要换行?请注意,文本是动态的,因此我无法为父级设置宽度。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.parent
{
float: left;
border: solid 1px black;
height: 30px;
white-space: nowrap;
}
.child
{
float: left;
border: solid 1px grey;
width: auto;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="parent">
<div class="child">
What is up, guy What is up, guy
</div>
<div class="child">
What is up, guy What is up, guy
</div>
</div>
<div class="parent">
<div class="child">
What is up, guy What is up, guy
</div>
<div class="child">
What is up, guy What is up, guy
</div>
</div>
</form>
</body>
</html>
最佳答案
您可以使用条件注释让 IE 使用 height
,并在其他任何地方使用 max-height
。
<link rel="stylesheet" type="text/css" href="path/to/stylesheet" />
<!--[if IE 6]>
<style type="text/css">
.parent {
height: 30px;
}
</style>
<![endif]-->
关于css - 防止嵌套的 DIV 换行(不指定父宽度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1358133/
在 Vaadin 7.0,显示时JavaBean Table 中的数据与 BeanContainer ,用新数据刷新表的正确方法是什么? 最佳答案 该表通过监听器监视表项的属性。如果您通过表的 Ite
首先,我使用的是带有 Axis2 1.6.2 的 eclipse,我正在 tomcat 6 上部署我创建的 Web 服务。Web 服务是在 eclipse 中通过自上而下的方法创建的。 我被要求使对我
我已将 Rails 3.1.1 应用程序升级到 Rails 3.1.3,现在,对于每个请求,它仅响应错误数量的参数(3 for 1)。不幸的是,它没有说明错误在哪里,并且应用程序跟踪为空。我认为存在一
我是一名优秀的程序员,十分优秀!