十年風雨路 · 一心鑄精品

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

網站制作中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

捕鱼王游戏机 java手机游戏 天津时时360 贵州快三和值表图 彩票软件平台开台制作 老快3开奖视频 快乐飞艇全天免费计划 赛事直播吧 黑龙江快乐前三组走势 重庆时时开奖结果记录官方下载 安徽快3中奖技巧 王中王四不像生肖 今天广西快3最新开奖 极速赛走势图表 11选五奖金规则 足彩胜负彩对阵 公式一肖中特 java手机游戏 天津时时360 贵州快三和值表图 彩票软件平台开台制作 老快3开奖视频 快乐飞艇全天免费计划 赛事直播吧 黑龙江快乐前三组走势 重庆时时开奖结果记录官方下载 安徽快3中奖技巧 王中王四不像生肖 今天广西快3最新开奖 极速赛走势图表 11选五奖金规则 足彩胜负彩对阵 公式一肖中特