Html css书籍介绍css框模型，如何影响块元素宽度等

嗨，我想知道是否有一种方法我知道一些css和html 但我不是大师 我最近一直在做一些移动网络开发，仅仅做布局就让我心烦。 我厌倦了通过猜测或黑客攻击来做和尝试一些事情，我想知道所有的规则，所以我不会尝试那些肯定行不通的事情

谁能给我推荐一本web/html/css书籍，它会这样解释：

默认情况下，div标记采用整个宽度

如果未设置或未设置父宽度，则当div标记中的子元素比其父元素宽时会发生什么情况

例如，如果将宽度设置为100%，并在其上添加边距，它实际上会比预期的长 等 所有这些细节我都是在几个小时的搜索和尝试后发现的 我知道一本书无法描述所有的问题 但我相信有些书至少会告诉你基本原理，每个元素的行为，比如div

有人能建议一本书有这些“陷阱”或规则吗

---

谢谢

您可以在internet上了解有关web开发的任何信息。有一种景象叫做（这是我学习的地方）。这是完全免费的

---

附言：你不能只使用css和html。您必须学习javascript，这将允许动态内容。你将来也可能需要php。

谷歌是你最好的朋友，这里有很多免费资源，但是看看lynda.com，它有大量的视频和文章可以帮助你学习html、css、javascript和php。actionscript等。它不是免费的，但每月25美元也不错

关于你的问题：

默认情况下，div标记采用整个宽度

除非另有规定，否则块元素采用其父元素的宽度

如果未设置或未设置父宽度，则当div标记中的子元素比其父元素宽时会发生什么情况

如果父div没有设置宽度，则它将是其父div的宽度或其最大子div的宽度，以较大者为准

比如，如果你将宽度设置为100%，并增加边距，它实际上会比预期的长，等等

---

将像div这样的块元素想象成一个长方体，宽度影响长方体，然后是填充，然后是边框，然后是边距。因此，一个宽度为100px的div，左右填充5px，1个像素边框，左右边距为10个像素，实际宽度为132px

我试了一些电子书，觉得很无聊。对我帮助很大的是记住备忘单： 确保你写下并重新写下你所学的东西，让它在你的脑海中回荡

1） 默认情况下，div是自动的，没有定义宽度，它是0

2） 如果未设置任何内容（自动）或在父元素上设置了宽度，则子元素加宽将使父元素变宽

3） 在一个元素中添加一个100%为其父元素的边距是字面意思

最好的办法是在涉及到这些东西时理解盒子模型：

---

既然您询问了所有规则，您可能会发现这很有用。它是对每个常用CSS属性的完整可视化引用