فارغة HTML أريد أن تمحو

https://stackoverflow.com/questions/1058179

21-08-2019
|

سؤال

ولدي مشكلة جديدة البق لي ...

وأنا على صنع صفحة على شبكة الإنترنت التي أريد أن تكون ثابتة مع عدم وجود التمرير والأهم أريد بلدي الرئيسية شعبة لملء aaaaaaaaall بلدي المساحة المتاحة ...

وأنا جعلت هذا الرمز

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <title>There is a @#!¤*-ing blank !</title>
    <style type='text/css'>
        html {margin:0px;padding:0px;height:100%;overflow:hidden;border: 3px solid green}
        div {margin:0px;padding:0px;}
    </style>
  </head>

<body onload="document.getElementById('mydiv').style.height=document.getElementsByTagName('html')[0].offsetHeight+'px'"><div id="mydiv" style="margin:0px;padding:0px;width:100%;border: 2px solid red"></div></body>
</html>

وكما ترون أحصل على المساحة البيضاء بين بلدي الحدود العنصر الأساسي والحدود عنصر div بلدي حتى ولو يتم تعيين بلدي الحشو الجسم وهامش شعبة 0 ...

وكنت قد قرأت ذات مرة "المزيد إيريك ماير على CSS" التي تحتوي على حل لهذه المسألة ولكنه كان منذ وقت طويل وأنا لا أتذكر ...

وأي مساعدة سيكون موضع تقدير كبير ^^.

المحلول

وأنت لم تحدد نمط الجسم:

body {margin: 0px; padding: 0px; height: 100%;}

نصائح أخرى

ولم يتم تعيين هامش جسمك إلى 0px، أن مجرد من أتش تي أم أل.

وتعيين الهامش إلى 0 على البطاقة الجسم.

body {margin:0;}

وبالإضافة إلى ذلك - بدلا من إضافة:

padding: 0; margin: 0;

وعلى كل محدد تفعل ذلك على الصعيد العالمي في الجزء العلوي من ملف CSS الخاص بك:

* { padding: 0; margin: 0; }

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow