CSS:Parent-Div不会随着孩子长大(水平)

前端之家收集整理的这篇文章主要介绍了CSS:Parent-Div不会随着孩子长大(水平)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要父母(红色)与绿色的小孩一起成长.
现在它只是停留在视口.
<!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>

我不想使用display:table;因为它在IE中不能正常工作.

有任何想法吗?

解决方法

使用display:inline-block;在父< div>它将按预期工作

猜你在找的CSS相关文章