ie8中的浮动问题-位置和宽度没有解决问题(使用Zurb基础)
引用都是这样的：http://smartgridcanadaconf.ca/2013/，我在ie8中遇到了一个浮点问题，我无法通过给标题中项目的宽度来解决这个问题--我也尝试过使用位置--在这一点上--这是我在StackOverflow上的第一个问题-
*如何使标题中的日期行与“保存日期”按钮内联？*
这个站点是使用ZURB FOUNDATION，version 4构建的，它提供了一些css来解决这个Gist和注释https://gist.github.com/zurbchris/5068210中的问题。
我意识到我可以在一定程度上使用网格来解决这个问题--但是，当我尝试浮动元素ie8时，我确实想知道我还应该寻找什么。
<section class="whiteOut whiteBG row">
<div class="small-12 large-12 columns whiteBG">
<ul id="socialnetworks" class="hide-for-small right">
<li class="icon-linkedin-sign linkedinBtn icon-2x text-center"><a href="http://www.linkedin.com/groups/Smart-Grid-Canada-Conference-4018849?trk=myg_ugrp_ovr"></a></li>
<li class="twitterBtn icon-twitter icon-2x text-center"><a href="https://twitter.com/CanadaSmartGrid"></a></li>
<li class="mailBtn icon-envelope icon-2x text-center"><a href="maito:anne-marie.enns@sgcanada.org"></a></li>
</ul>
<ul id="date">
<li style="width:337px" class="left">
<h2>September 23-25th, 2013</h2>
<a href="#"></a> </li>
<li style="width:105px" class="left"> <a href="http://smartgridcanadaconf.ca/2013/?attachment_id=78"><span class="saveDate label"><i class="icon-calendar"></i> <span class="hide-for-small">Save to Calendar</span></span></a> </li>
</ul>
<div class="clear"></div>
</div>
</section>提前谢谢。
回答 2
Stack Overflow用户
发布于 2013-06-28 18:21:40
这可能太臃肿了一个修复但在Zurb博客上，他们也提到了另一种方式。：为不同版本的基金会服务。
<!-- Foundation 3 for IE 8 and earlier -->
<!--[if lt IE 9]>
<link rel="stylesheet" href="/css/foundation3/normalize.css">
<link rel="stylesheet" href="/css/foundation3/foundation.css">
<link rel="stylesheet" href="/css/foundation3/app.css">
<![endif]-->
<!-- Foundation 4 for IE 9 and earlier -->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="/css/foundation4/normalize.css">
<link rel="stylesheet" href="/css/foundation4/foundation.css">
<!--<![endif]-->在贴身标签之后：
<!-- Foundation 3 for IE 8 and earlier -->
<!--[if lt IE 9]>
<script src="/js/foundation3/foundation.min.js"></script>
<script src="/js/foundation3/app.js"></script>
<![endif]-->
<!-- Foundation 4 for IE 9 and later -->
<!--[if gt IE 8]><!-->
<script src="/js/foundation4/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
<!--<![endif]-->布局标记只是组合了F4和F3网格类：
<div class="twelve large-12 columns">
Stack Overflow用户
发布于 2013-12-06 17:50:37
在ie8中，箱体尺寸是一个明显的问题--但我在Safari中也遇到了问题。通过移除.来自css：
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }这也解决了FREETILEjs的故障--它不能在Safari中工作，并且在所有浏览器中加载都很慢。
https://stackoverflow.com/questions/17367327
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号