您現在的位置是:電腦技術吧?>? 基礎知識 ??>??外邊距和內邊距的區別,有邊距和無邊距的區別??>??正文詳情

外邊距和內邊距的區別,有邊距和無邊距的區別

端木春蘭2019-11-05 02:11:12 人圍觀
簡介邊距突然間,Chrome下的布局看起來很整潔,IE下的布局變得一團糟,為了找出原因,我修改了div的背景色屬性,最后發現IE和Chrome下同一div的寬度不同。多邊距是什么意思

突然間,在Chrome下看起來很整齊的布局,在IE下變成一團糟。

為了找出原因,我改動了div的background-color屬性。

最后,發現同一個DIV的寬度在IE和Chrome下卻不一樣。

這大晚上的,真是怪嚇人滴!之后,做了個測試。

當:  代碼如下:  div1{width:960px;margin:0px;padding:0px;}這時,在兩個瀏覽器下是沒有區別滴!總寬度均是960px。

但是,當:  代碼如下:  div1{width:960px;margin:0px;padding:0px 10px 0px 10px;}這時,Chrome就不干了。

她居然把padding的20px加在了外面,這樣div1的總寬度就是960px 10px 10px=980px;而,在IE中div1的寬度仍是960px;按照我的思維,感覺padding應該算在width里面滴,沒想到Chrome這么倔。

經過測試,border和padding一樣,margin的值均算在width的外面。

還有,在沒有設置float的情況下,Chrome會把div1當成position:absolute,而IE會把其當成poisttion:relative;所以,盡量都這是塊級元素的float為left!真悲催,瀏覽器不兼容讓我這個門外漢很痛苦呀!

版權聲明:本文由 端木春蘭 整理編輯。

原標題:怎么區分外邊距和內邊距,word內邊距和外邊距的區別

轉載注明出處:http://www.dn9ww09s.icu/basics/11029.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 租借電腦,電腦培訓課程內容

    租借電腦,電腦培訓課程內容 相關圖片電腦怎么重裝系統計算機系統是運行計算機的基礎,但許多計算機新手并不了解這一點。目前,計算機操作系統基本上是微軟的windows操作系統雖然國內有很多計算機操作系統,但都是基...

  • 代碼優化的技巧,python代碼優化技巧

    代碼優化的技巧,python代碼優化技巧 相關圖片css代碼基礎編寫好css代碼,有助于提高頁面的渲染速度。實際上,引擎需要解析的css規則越少,性能越好。mdn將css選擇器分為四個主要類別,如下所示:1。身份規則2。第三css代碼樣式...

  • 網速不穩定是什么原因,網速不穩定怎么解決

    網速不穩定是什么原因,網速不穩定怎么解決 相關圖片網速不好是什么原因網絡不穩定是指網絡可以連接,但速度快或慢,有時會出現斷線,給用戶上網帶來極大不便。網絡不穩定怎么辦?網絡不穩定的原因是什么,如何解決?接下來,1位...

  • 離線存儲,離線存儲什么意思

    離線存儲,離線存儲什么意思 相關圖片html5離線存儲的方式今天,互聯網連接無處不在,我們突然有了另一個需求,離線網絡。gmail、google reader和zoho是支持離線使用的優秀web應用程序,這要感謝googh5離線存儲...

  • 瀏覽器被篡改,瀏覽器主頁

    瀏覽器被篡改,瀏覽器主頁 相關圖片瀏覽器被篡改 怎樣恢復在上網時,我們經常遇到這樣的問題原來的set主頁由于某種原因被篡改了,變成了一堆亂七八糟的頁面有時當我們改變,我們會被篡改我們怎樣才能解決這個問題...

  • 正在改變,我正在改變

    正在改變,我正在改變 相關圖片改變一下自己HTML5是過去十年網絡標準的最大飛躍與以前的版本不同,HTML 5不僅用于表示web內容它的任務是將web帶入一個成熟的應用平臺,在這個平臺上視頻、音頻、圖像正在改變大小...

  • 蘋果電腦如何關機,蘋果電腦需要關機嗎

    蘋果電腦如何關機,蘋果電腦需要關機嗎 相關圖片蘋果電腦關機快捷鍵根據私信的整合,小編發現,在這段時間里,人們對如何關閉蘋果電腦提出了更多的問題因此,經過查閱資料和實踐,小版找到了解決辦法今天小編將告訴你如何關...

  • 電腦鍵盤shift失靈,電腦鍵盤shift鍵不能用了

    電腦鍵盤shift失靈,電腦鍵盤shift鍵不能用了 相關圖片電腦鍵盤shift鍵長按移位鍵是計算機日常操作中常用的功能鍵Shift鍵和其他鍵組合也經常使用很長一段時間有時,shift鍵會失敗。如果換檔鑰匙失靈,我該怎么辦下一步,我將向你解釋換...

  • 怎么制作網頁教程,怎么制作網頁

    怎么制作網頁教程,怎么制作網頁 相關圖片制作網頁步驟此處討論border屬性的虛線邊框以控制虛線以下配置的css高度和css寬度為350像素,便于查看和演示i.四邊帶虛線的邊框:1px虛線×1000制作網頁與網站...

  • 電腦啟動不起來是什么原因,電腦花屏是什么原因

    電腦啟動不起來是什么原因,電腦花屏是什么原因 相關圖片卡五星電腦版電腦卡有很多原因,但我們并不是每次都有相同的原因。因此,我們需要根據自己電腦的實際情況來判斷原因,以便找到解決辦法。這就是為什么我要給你一些電腦卡。計...

熱評文章

  • 惠普電腦怎么進入bios,惠普臺式電腦怎么進入bios

    惠普電腦怎么進入bios,惠普臺式電腦怎么進入bios 相關圖片惠普臺式機bios設置u盤啟動bios是每臺計算機在購買時都會攜帶的一種軟件。bios是一個用于基本輸入或輸出系統的程序。近日,有用戶反映,惠普筆記本電腦bios進入有點麻煩。許多用戶知...

  • 電腦系統有哪些,電腦怎么重裝系統

    電腦系統有哪些,電腦怎么重裝系統 相關圖片老電腦怎么更新系統計算機是一種我們經常使用的智能產品,但事實上,當我們使用計算機時,我們對計算機真的知之甚少我們可以通過電腦得到很多娛樂,但我們很少知道電腦是如何...

  • 愚人節的玩笑有哪些,愚人節玩笑

    愚人節的玩笑有哪些,愚人節玩笑 相關圖片愚人節可以開的玩笑愚人節就要到了。如果你想和想上網的朋友或同事開一個極客玩笑,試試下面的css免責聲明:請對惡作劇的所有后果負責。本網站不承擔任何責任注:本文以chrome為...

  • cpu風扇,cpu風扇不轉

    cpu風扇,cpu風扇不轉 相關圖片cpu風扇不轉但是能開機在使用電腦玩游戲之前,小編遇到CPU的聲音太大,幾乎超過了游戲的聲音后來,花了時間才解決今天小編就來和大家分享一下這個方法,不用花那么多錢就能很快...

  • 如何制作假水印,如何制作假水印時間

    如何制作假水印,如何制作假水印時間 相關圖片水印可以造假嗎--------Web.config----配置系統.webcompilation debug=true targetFramework=4.0/httpHan沒有水印的錢是假的嗎...

  • hp筆記本如何進bios,惠普電腦進bios

    hp筆記本如何進bios,惠普電腦進bios 相關圖片hp工作站進bios有些用戶使用的是惠普電腦,但如果他們想使用U盤安裝系統,就不能通過按公共刪除鍵F1、F2和F10來啟動BIOS這是因為惠普電腦是獨一無二的如果他們想進入HP電腦hp進bios按什...

  • 夏天空調怎樣省電,夏天怎么開空調省電

    夏天空調怎樣省電,夏天怎么開空調省電 相關圖片空調省電夏天很熱空調已成為家庭必備的電器。夏天空調的適宜溫度是多少?根據研究,通常是26攝氏度,因為人體的舒適溫度在24攝氏度到27攝氏度之間此外,還應考慮當地的天氣溫空...

  • div margin,div設置margin

    div margin,div設置margin 相關圖片html中margin怎么用這個問題令人吃驚。元素的父標記是div,并且已經設置了寬度和高度等屬性但是,當使用邊距調整元素時,它不能生效。根據學生的經驗,可以通過將元素的父元素屬性...

  • 怎么雙顯卡交火,雙顯卡交火

    怎么雙顯卡交火,雙顯卡交火 相關圖片顯卡 交火雙顯卡可以讓多個顯卡同時在一臺計算機上并排使用,從而提高顯卡的性能。因此,越來越多的用戶會購買性價比高的中端顯卡,通過兩張顯卡的混合交換,獲得超高性能的高...

  • 標記,標記怎么取消

    標記,標記怎么取消 相關圖片閱讀標記方法一。contenttype doctype聲明在位于文件第一行的html文件中是必不可少的。在HTML4中,聲明如下:DOCTYPE HTML public-/取消標記...

關注微信

变脸官网查询