谁能给我解释一下，为什么红色的 div 没有向右扩展？它在屏幕结束的地方停止。我必须做什么才能使其扩展？
一个可行的方法是“显示:表格单元格”红色 div，但我想知道是否还有另一种方法以及为什么会发生这种情况......？
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<head />
<body>
<div style="background-color: #f00;">
<div style="width: 2000px; height: 100px; " />
</div>
</body>
</html>
最佳答案
这确实很奇怪。尝试 float 外部:
<div style="background-color: #f00; float:left;">
<div style="width: 2000px; height: 100px;" />
</div>
关于css - 如何根据内容水平增长一个div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/494104/