<%@ Page Language="C#" autoEventWireup="true" CodeBehind="test.aspx.cs" inherits="Zuhaib.test" %><!-- Put IE into quirks mode --><!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head runat="server"> <Title></Title> <link href="CSS/general.CSS" rel="stylesheet" type="text/CSS" /> <link href="CSS/outbound.CSS" rel="stylesheet" type="text/CSS" /></head><body> <form ID="form1" runat="server" > <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div ID="left"> </div> <div ID="right"> </div> </form></body></HTML>
CSS
HTML,body{ margin:0; padding:0; border:0; overflow:hidden; wIDth:100%; height:100%;}* HTML body { height:100%; wIDth:100%;} *{ margin:0; padding:0;}.wrapper { position:fixed; top:0px; bottom:0px; left:0px; right:0px; height:100%; wIDth:100%;}* HTML .wrapper { wIDth:100%; height:100%;}#left{ float:left; height:100%; wIDth:100px; overflow:hidden; background-color:Blue;}* HTML #left{ height:100%; wIDth:100px;}#right{ margin-left:100px; height:100%; background-color:Red;}* HTML #right{ height:100%;} 导致IE&& FF
Resutls in IE & FF http://img139.imageshack.us/img139/9871/ie3pxgapnl4.jpg
IE 6& S的结果相同. 7.如何消除div之间的差距？
UDATE
我有两个div,每个都有100％的高度.左边div是一个固定宽度的浮动div.即使在向右侧div提供正确的边距之后,两个div之间仍然存在间隙(3px).在firefox中它正确呈现.
我使用quirk模式的原因是能够为div获得100％的高度
这个差距可以消除吗？或者有更好的方法来使用纯CSS进行两列100％高度布局？
解决方法 如前所述,您的代码充满了黑客攻击.请删除特别不必要的定义.如果浏览器不支持级联样式表,则无论如何它都不支持CSS.话虽如此,为什么不使用position：absolute;为#right？
如在
#right{ position: absolute; left: 100px; padding-left: -100px; wIDth: 100%; ...} 总结 以上是内存溢出为你收集整理的html – Float Left 100％height div – div之间的差距全部内容，希望文章能够帮你解决html – Float Left 100％height div – div之间的差距所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）