[英]Get a div to go across the whole page
每當我嘗試制作寬度為100%的div時,它不會穿過整個頁面,它會在兩側留下小的邊距(左上角和右上角),我希望div跨越整個頁面,例如本頁面頂部的標題欄。
你必須將body
元素的margin和padding設置為0.像這樣(在CSS中):
body
{
margin: 0;
padding: 0;
}
還要記住將div
元素的margin
設置為0
。
這是瀏覽器重置邊距和填充的主體邊距:
body {
margin: 0;
padding: 0;
}
嘗試CSS重置:
* { margin: 0; padding: 0; }
這很簡單,網上有成千上萬個更先進的。
你的身體邊緣設置為0px嗎? 在樣式表中設置body { margin:0px; }
body { margin:0px; }
。 如果要保持體邊距,則需要調整div的寬度。 像div#idOfDiv { margin-left:-10px; margin-right: -10px }
這樣的東西div#idOfDiv { margin-left:-10px; margin-right: -10px }
div#idOfDiv { margin-left:-10px; margin-right: -10px }
將body標記的填充設置為0:
body {
padding: 0;
}
填充物不需要填充,因為填充物位於div的內側,並且測量為距邊緣的距離。 如果你想要一個特定的保證金設置,只需將保證金設置為0px,然后像@sho建議那樣設置並單獨設置它們。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.