gpt4 book ai didi

html - 盒子尺寸 : border-box => for IE8?

转载 作者:技术小花猫 更新时间:2023-10-29 12:03:05 25 4
gpt4 key购买 nike

我想要 box-sizing: border-box 用于 div 标签。

对于 Mozila Firefox 我已经尝试过了

        -moz-box-sizing: border-box; 

对于IE(Internet Explorer),我交替尝试了以下两种方法

        -ms-box-sizing: border-box; 
box-sizing: border-box;

但它不能在 IE(Internet Explorer) 中运行。虽然我已经为 Internet Explorer 应用了 box-sizing: border-box;,但它在元素的宽度中添加了边框和填充。为什么会这样?

应该是什么问题?请帮助和建议我。

注意:我正在使用 Internet Explorer8Windows7 旗舰版

页面代码:

<%@ 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>

最佳答案

IE8 支持 box-sizing 的无前缀版本,但与所有"new"CSS 功能一样,它仅在标准模式下支持。 -ms-box-sizing 从未被任何版本的 IE 使用。

确保您的页面具有文档类型声明以触发浏览器中的标准模式。您还应该将未加前缀的 box-sizing 放在所有前缀之后,而不是之前,并摆脱 -ms-box -调整大小,因为它真的不需要。

关于html - 盒子尺寸 : border-box => for IE8?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11608291/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com