Me gustaría que el elemento parent-div (rojo) crezca con el elemento child-div verde. Ahora solo se detiene en la ventana gráfica.CSS: Parent-Div no crece con sus hijos (horizontal)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>simple document</title>
<style type="text/css">
* {
font-family: verdana;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div style="margin: 30px; background: red; padding: 10px;">
<div style="background: green; width: 2000px;">dxyf</div>
</div>
</body>
</html>
No quiero usar display: table; ya que no funciona bien en IE.
¿Alguna idea?
Por qué no hacer el div padre 2000 píxeles? Eso debería funcionar. – Joop
@Joop Obviamente quiere que el ancho del padre dependa del ancho del niño (lo que puede variar según el contenido) –
Correcto :) –