拜托,有人可以向我解释,为什么红色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>
Run Code Online (Sandbox Code Playgroud)
根据您的用途,我假设 div 元素将成为页面的主要焦点;如果是这种情况,您可以将该width: 2000px;
行应用于正文,而不是直接应用于要拉伸的块级元素:
<style>
body
{
width: 2000px;
}
</style>
Run Code Online (Sandbox Code Playgroud)
如果此方法由于某种原因不适合您,那么创建一个透明像素图像并为其指定所需的宽度应该也可以。