十年風雨路 · 一心鑄精品

接一個官網 留一件精品 做一個項目 樹一塊樣板

網站制作中ie6中的著名的雙倍邊距清除方法

我們在網站制作中避免出現該問題的方法:避免給一個頁面元素同時設置float:left和margin-left屬性。解決方法:display:inline;圖解:例子:body,div{margin:0;padding:0;}#one{width:100px;height:100px;background:red;float:left;margin-left:100px;/*display:inline;如果

時間:2014年05月29日 點擊量:
我們在網站制作中避免出現該問題的方法:
避免給一個頁面元素同時設置float:left和margin-left屬性。

解決方法:display:inline;

 

圖解:

點擊瀏覽下一頁

 

點擊瀏覽下一頁

 

 

 

例子:

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<style type="text/css">
body,div{
margin:0;
padding:0;
}
#one{
width:100px;
height:100px;
background:red;
float:left;
margin-left:100px;
/*display:inline; 如果不加這行代碼在ie6中會有雙倍邊距,定義的是左外邊距是100像素,但在ie6中會顯示200像素,所以不加這行代碼時要避免給一個頁面元素同時設置float:left和margin-left屬性。*/
}

#two{
width:200px;
height:200px;
background:blue;
float:left;
margin-left:300px;
}
</style>
</head>
<body>
<div id="one">盒子1</div>
<div id="two">盒子2</div>

</body>
</html>

推薦案例

  • 成都森美啦園林綠化工程公

  • 四川尚恒科技有限公司

  • 成都九邦物流有限責任公司

  • 四川品睿餐飲管理有限公司

  • 美繪陶社陶藝手繪工作室-暖

  • 成都恩多施生物工程技術有

  • 汶川羌人土特產有限公司

  • 印刷設計公司網站No.3138

聯系我們 / CONTACT US

  • 四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室
  • 服務熱線:400-000-2367 028-86088588
  • 總機:028-62322623-0
  • 傳真:028-62322623-823

掃碼訪問冠辰手機網站

版權所有 Copyright © 2002-2019 四川冠辰科技開發有限公司  www.mtlum.tw 保留所有權利  蜀ICP備11012605號

地址:四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室

服務熱線:400-000-2367 028-86088588 總機:028-62322623-0 傳真:028-62322623-823

捕鱼王游戏机 澳洲幸运10开奖官网分析 七星彩走势图怎么看 网上棋牌赚钱平台 广西快乐10分投注技巧 炒股新手 青海11选5开奖全部结果 杭州股票融资 怎样用数学方法赌pk10 股票行情素材 山西11选5 三分时时彩开奖历史记录 银河棋牌官网网址 17164期胜负彩奖金 脉动棋牌官方下载 极速飞艇开奖历史记录 69游戏大厅下载 澳洲幸运10开奖官网分析 七星彩走势图怎么看 网上棋牌赚钱平台 广西快乐10分投注技巧 炒股新手 青海11选5开奖全部结果 杭州股票融资 怎样用数学方法赌pk10 股票行情素材 山西11选5 三分时时彩开奖历史记录 银河棋牌官网网址 17164期胜负彩奖金 脉动棋牌官方下载 极速飞艇开奖历史记录 69游戏大厅下载