css - position absolue à partir du sommet, div centré horizontalement

J'ai regardé un googol résultats de google sans trouver de travail.

J'ai besoin d'avoir mon div (hauteur de 333 px, largeur 550 px) pour être centré horizontalement et toujours 275 px de haut. Chaque fois que j'essaie de faire cela, il disparaît.

source d'informationauteur captainandcoke

  1. 26

    Si la div doit s'asseoir sur le dessus, vous devez utiliser position:absolute. Sinon, la réponse de @sdleihssirhc devrait fonctionner.

    Exemple avec le positionnement

    #middlebox
{
    position:    absolute;
    top:         275px;
    left:        50%;    /* move the left edge to the center … */
    margin-left: -275px; /* … and move it to the left half the box’ width. */
    z-index:     9999;   /* Try to get it on top. */
}

    Utiliser des outils comme Libellule ou Firebug pour inspecter les propriétés si elle continue à disparaître.

  2. 0

    Selon le contenu et le contexte, vous pourriez tout simplement que le div de la marge:

    margin: 275px auto 0;
  3. 0

    Sauf si vous êtes la pensée de positionnement statique, je ne pense pas que vous auriez besoin d'utiliser le positionnement absolu. Essayez ceci:

    <html>
<head>
<title>Test</title>
</head>
<body>
<div style="width:550px; height:333px; background-color:orange; margin: 275px auto">
Is this what you want?
</div>
</body>
</html>