框大小:边框框=>为IE8? [英] box-sizing: border-box => for IE8?
本文介绍了框大小:边框框=>为IE8?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想要 box-sizing: border-box
用于 div
标签.
对于 Mozila Firefox 我已经尝试过
-moz-box-sizing: border-box;
对于 IE(Internet Explorer) 我已经尝试了以下两种方法
-ms-box-sizing: border-box;box-sizing: 边框框;
但它不能在 IE(Internet Explorer) 中工作.虽然我已经为 Internet Explorer 应用了 box-sizing: border-box;
它添加了边框和元素宽度的填充.为什么会这样?
应该是什么问题?请帮助和建议我.
注意:我使用的是 Internet 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="服务器"><meta http-equiv="x-ua-compatible" content="IE=8"/><title></title><style type="text/css">*{box-sizing: 边框框;/* 它给出错误:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name.*/-ms-box-sizing: 边框框;-moz-box-sizing: 边框框;-webkit-box-sizing: 边框框;}身体{背景:浅蓝色;颜色:#000000;字体系列:Trebuchet MS、Arial、Times New Roman;字体大小:12px;}#header{背景:#838283;高度:200px;宽度:1200px;}#包装器{背景:#FFFFFF;边距:0px 自动;宽度:1200px;高度:1024px;}#导航{背景:#a2a2a2;向左飘浮;边距:0px 0px;宽度:1200px;高度:25px;填充:3px;}</风格>头部><身体><form id="form1" runat="server"><div id="包装器"><div id="标题"><h1>标题在这里<br/><h2 style="font-size: 60px;">ST ERP by Shanti Technology</h2>
<div id="导航">
</表单>