框大小调整: IE8的边框=>？
框大小调整: IE8的边框=>？
提问于 2012-07-23 15:45:15
我想要用于div标签的box-sizing: border-box。
对于Mozila Firefox，我已经尝试过了
-moz-box-sizing: border-box; 对于IE(Internet Explorer)，我已经尝试了下面两种方法
-ms-box-sizing: border-box;
box-sizing: border-box;但它不能在IE(IE)中工作。虽然我已经为Internet Explorer应用了box-sizing: border-box;，但它添加了元素的边框和填充宽度。为什么会发生这种情况？
应该是什么问题呢？请帮帮我，向我求婚。
注意:我使用的是 Explorer8和Windows7 ultimate
页面代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MainPage.aspx.cs" Inherits="MainPage" %>
<!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">
<meta http-equiv="x-ua-compatible" content="IE=8"/>
<title></title>
<style type="text/css">
*
{
box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body
{
background: lightblue;
color: #000000;
font-family: Trebuchet MS, Arial, Times New Roman;
font-size: 12px;
}
#header
{
background: #838283;
height: 200px;
width: 1200px;
}
#wrapper
{
background: #FFFFFF;
margin: 0px auto;
width: 1200px;
height: 1024px;
}
#navigation
{
background: #a2a2a2;
float: left;
margin: 0px 0px;
width: 1200px;
height: 25px;
padding: 3px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="wrapper">
<div id="header">
<h1>
Header goes here</h1>
<br />
<h2 style="font-size: 60px;">
ST ERP by Shanti Technology</h2>
</div>
<div id="navigation">
</div>
</div>
</form>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11608291
复制相关文章
相似问题