我想问一个比较有经验的程序员。
我怎样才能最好地组织div的左侧,中间和右侧?
我现在正在做我的网站一段时间,我花了半天时间移动div,因为在我放置另一个div之后它们并没有停留在原处,并且我想使用相对选项。
另外,我要做的是使它们处于负数较大的位置。这似乎不是做事的正确方法。当一切都出现在屏幕上时,我还会看到滚动条。
在Dreamweaver CS3中无法以设计方式工作,因为一切都在彼此翻滚。
我希望对如何更好地做到这一点有所投入。
谢谢,理查德
我认为,使用CSS构建网站时,请牢记一些基本原则:
定位:视觉开发人员在构造其第一个纯CSS网站布局时常犯的一个常见错误是使用绝对/相对定位属性。将元素放置在页面上时,所有内容都与box model以及页边距,填充和宽度如何相互影响有关。在您继续之前,根本不需要使用position属性。此规则有一些异常(exception),但我们现在将其简化。 包装器和容器:在上面提到了盒子模型之后,我将介绍下一点。您应该能够使用margin属性正确定位所有结构元素。有时,开发人员会混淆填充/边距,从而导致“意外”行为。假设您要创建标题,内容和侧边栏元素。最重要的是,您想在这些元素中添加内容而又不弄乱父元素。您需要为标题设置特定的高度(px,%等),还需要为内容和侧边栏元素设置宽度。在这些元素中使用内容时,我通常会使用另一个元素作为您内容的“容器”。避免重新定义“容器”元素的大小,因为您已经在父元素中定义了它。这样,您就可以自由使用边距,在不影响父元素大小的情况下自由填充...如果有任何道理;) 清除 float 元素:要放置内容和侧边栏或其他列类型元素,您将必须在一个或多个元素上使用float属性。使用float时要牢记的重要一点是,在完成“float set”之后应清除它们。意思是,如果您有3列,并且所有列都设置了float:left属性,则应在设置后清除它们,而不要在每列之后清除。它取决于布局,但是通常通过这种方式,您可以控制浮点数,并且不会冒着意外 float 不需要它们的其他元素的风险。 如有疑问,请重置边距/填充:至少可以说,浏览器中的差异令人沮丧。您可以通过破坏浏览器默认属性(如果未定义)来帮助解决此问题。我总是发现,如果将有问题的元素的边距/填充值重置为0,我可以轻松地纠正间距问题。 使用级联,不要重新定义:请记住,如果您已经定义了一堆css属性,并且在子元素中工作,则无需重新定义属性。 child 继承了 parent 的属性(property),因此只能定义差异。
随着您使用它的增多,这将继续有意义,但是我希望这将为您提供一些在构造CSS布局时要牢记的要点。上面有一些链接也是很好的资源,但是我认为我应该分享一些我在使用CSS时个人想到的东西。
橡子