iframe corps de supprimer de l'espace de

Mon iframe un style de style="width:100%", et c'est presque couvre la largeur de la page. Mais il laisse une petite marge sur le côté gauche et droit. J'ai donc ajouté body { margin:0px; } pour supprimer l'espace.

Il fonctionne, mais le problème est que la suppression de la marge sur <body> affecte d'autres choses, par exemple un paragraphe <p> à l'intérieur de <body>.

Est-il un moyen d'éliminer la marge seulement pour la <iframe>?

Code:

<!DOCTYPE html>
<html>
<body>
<p> hello </p>
<iframe src="http://www.weather.com" style="width:100%; height:95%; margin:0px"></iframe>
</body>
</html>
nan il n'a pas d'incidence sur autre chose. utiliser un css reset
Si j'utilise body { margin:0px; }, puis le paragraphe <p> à l'intérieur de <body> aussi n'a pas de marge, et l'est à droite sur le bord de l'écran.

OriginalL'auteur John | 2012-10-30

  1. 5

    Vous devriez faire un peu comme:

    body{margin:0} //remove body margin

iframe{margin:0;width:100%}//remove iframe margin

p,div{margin:10px} //append margin to p and other tags

    Démo pour votre cas:

    <!DOCTYPE html>
<html>
<head>
<style>
    body{margin:0}
    iframe{margin:0;width:100%}
    p{margin:10px}
</style>
</head>
<body>
    <p> hello </p>
    <iframe src="http://www.weather.com" style="width:100%; height:95%; margin:0px"></iframe>
</body>
</html>
    Ok cela semble bon.

    OriginalL'auteur Koerr

  2. 1
    As you can see, you can use body{margin:0 0 0 0px;} for top, right, bottom, left. You will be able to remove all spaces from browser.

<!DOCTYPE html>
<html>
<style type="text/css">
body {
    margin:0 0 0 0px;
}
</style>
<body>
<iframe src="http://www.weather.com" style="width:100%; height:95%; margin:0px"></iframe>
</body>
</html>
    margin: 0est assez

    OriginalL'auteur bob

  3. 0

    quel est le problème avec:

    iframe {
  margin: 0;
}

    dans votre iframe contenant la page

    Je suis assez sûr que j'ai déjà essayé, et ça ne fonctionne pas...
    croyez-moi, cela fonctionne - si vous montrez votre code, nous allons voir si il y a quelque chose elese qui affecte votre css. Ce dois être dans votre inframe contenant la page de cours.
    J'ai édité mon post pour ajouter le code.
    body,iframe { margin: 0 }, p { margin: 0 10px ;} - ou quelque chose comme ça, en fonction de vos exigences de conception

    OriginalL'auteur Reflective