Html 包含表单的Div为'；不要占了整页

我创建了一个lightbox链接，其中包含一个Div。在Div元素中有一个表单，但是Div没有扩展到页面正文的100%。有人知道为什么吗

代码如下：

CSS:

@导入url(http://fonts.googleapis.com/css?family=Londrina+草图）；
身体{
背景色：#C13E18；
宽度：750px；
溢出：滚动；
溢出x：隐藏；
}
.表格{
宽度：100%；
浮动：左；
}

HTML:

---

您正在将样式应用于名为“form”的类

你的实际div没有类，它的ID是form。哈希标记是ID选择器

当前

.form {
   width: 100%;
   float: left;
}

应该是

   #form {
       width: 100%;
       float: left;
    }

您可能还必须为对象指定100%宽度：

#form, #form object{
  width: 100%;
  float: left;
}

---

在css上，任何以点开头的项目都是类，以#开头的项目都是id。

您的主体脚本不正确

@导入url(http://fonts.googleapis.com/css?family=Londrina+草图）；
身体{
背景色：#C13E18；
宽度：750px；
溢出：滚动；
溢出x：隐藏；
}
#形式{
宽度：100%；
浮动：左；
}

也可以找到链接并单击“单击此处”太棒了！这将它扩展到页面的宽度，但是它仍然强制为高度设置一个溢出滚动条。即使我加上“身高：100%”。有什么想法吗？如果你不想要溢出，你可以做溢出：无；对不起，我认为这不是你想要的。我到家后去看看。您能否在StackOverflow上提供一个JSFIDLE或其他东西，或者一个代码片段，以便我们可以看到它的实际应用@MarcI似乎无法让它在JSFIDLE上工作，但是代码是实时的。当页面加载时，只需单击“单击此处”链接即可启动lightbox框架。有什么想法吗？这一次我不得不屏住呼吸谢谢你注意到了！我已经改变了，但是它仍然没有垂直填充整个父div，并且有一个导航滚动条

   #form {
       width: 100%;
       float: left;
    }

#form, #form object{
  width: 100%;
  float: left;
}

#form {
width: 100%;
float: left;

}