div 布局问题，什么是 div css 布局？

div id 表示与页面顶部的距离（理解）和与页面左侧的距离。

手动：如果你不明白什么，你可以问。

1.可以使**精简，使用div+css布局使**非常精简，并且可以在**的任何页面上调用css文件，避免使用表格**修改部分页面。

2、网页访问速度提升，DIV+CSS布局较传统表格布局减少不少，浏览和访问速度自然提升，从而提升用户体验。

3、有利于优化。 div-css布局的使用对搜索引擎非常友好，简洁有条理**更有利于突出重点，适合搜索引擎抓取。

4.浏览器兼容性。 div+CSS 更容易出现多个浏览器不兼容的问题，主要是因为不同的浏览器对 Web 标准的默认值不同。

5. 需要注意的是，网页不喜欢CSS太多的页面**，否则也会影响蜘蛛的抓取和搜索引擎的收录，所以通过外部调用CSS是一个非常好的方式。

内容与表单分离，修改方便，灵活方便。

最大的优点是解析速度快，比表**的解析速度要快得多。

灵活、高效、方便，现在都带有 div+css，便于阅读。

div+css 布局使用了大量的标签，div、p、h1、span 等标签，div+css 非常灵活。

使用 div 的布局 适当地使用 h1 h7 标题 对段落使用换行符。

列表**。 它们有很多，弄清楚每个标签的实际含义，并在该使用的时候使用它！

布局容器通常用于：

页面元素通常具有：

div、ul、li、span、h1-6、p 等

1、布局遵循从整体到部分的原则。 您可以尝试设计 div 块之间的关系，包括或并列。

2. 并列块时，可以使用float属性，使用float时保证这两个块的宽度之和小于其父块，否则会出现虚线。

3. 当应用了float属性的块时，该块已经脱离了正常的文档流，所以它下面的块会像不存在一样，这个时候需要清空

1.一定要在浮动后浮动，尽量少使用浮动进行布局，如果必须使用它们，请保持均匀列更稳定。

2. 不要在 h3 下使用单个段落标签。

3. 减少嵌套，避免功能程序中重复 ID 导致的错误。

4.尽量不要使用边框，因为不同的浏览器对边框的解释不同，很容易导致宽度错误。

5.尽量不要用绝对高度来限制浮动项目，那只是浪费精力，赶紧丰富**的核心内容。

技能。 只要你熟悉CSS的各种属性，就可以了。 注意各种浏览器的兼容性。

1.一个页面不宜有太多的绝对定位或相对定位，如果可以通过浮动来解决，就用浮动， 2.如果它是浮动的，请记住清除元素下方的浮点。

3.div都是一块一块的，所以记得把页面分成块，上、中、下。

头部、中部、底部用divs隔开，中间的div根据实际情况一一分开。

4.父div可以给出宽度，但最好不要有高度，高度可以让他的内容伸展。

5.使用firebug，一个类似的调试工具，调试自己的**，看看别人的**是怎么写的。

6.要对整个世界有一个大局观，所以你需要多做，多想，一开始，你可以看到别人的**是怎么写的，一次学一个模块，模仿。

7. 定义底层 CSS、CSS 重置和常用类。

8.多练习，纯手工玩，不要使用DW之类的工具。

以上建议纯手工制作，瞭望塔主人采纳。

练习并尝试更多。

对你不理解的问题多做一些实验，以加深你的理解。

最重要的是敲**。

咚��

上网寻找其他人的解决方案并向他们学习。

在学习的基础上，你可以看到W3C标准。

手。 举个例子，这主要是基于经验，经验更自然地知道如何搭配。

3. 参考别人做过的事情。

这仍然是经验，只是得到更多。

我的思路如下：

1. 将最外层 （div 1） 设置为宽度：100%。

2.div 1 1 和 div 1 2 有两个小层，宽度分别为 49% 和 50%，浮子是左边

3.在div 1 1中放一小层div 1 1 1，固定宽度，剩下浮子

4.在div 1 2中放一小层div 1 2 1，固定宽度，向右浮动

原理]由于最内层的两个固定宽度图层是两个不同的图层，因此它们不会随着浏览器宽度的变化而改变。

两个大层各占50%，所以无论浏览器宽度有多小，它们都不会上下波动。

除非浏览器的宽度小于两个固定层的宽度之和。

换个角度想一想。

容器中的两个 div，左边的一个浮动到左边，左边的那个为他设置一个值，右边的一个浮动，右边的 div 为他设置一个值。

那不就是......

您可以设置 min-height 或 min-width，这意味着高度和宽度的最小值。

方法比较多，目前使用的方法大致有两种，虽然 CSS3 直接提供了相关属性，但没必要等它流行起来。

1是纯CSS，搭建了很多网格条，下层比上层多或少一个像素，填充纯色，大约6到8层可以做一个小弧线。 这位师傅可能用过，但是现在很多人都不用了，因为这个不仅有点麻烦，而且只能做一个纯色的框架。 再说了，现在网速快了，背景只有几k，而且很容易加载，所以下面这个方法比较主流。

2 是 CSS 和图表的组合，用 ps 什么的画一个弧线的边框。

你可以只画一个完整的圆角矩形，然后把它放在带有 background：url（**地址）的 div 上，它的长度和宽度是固定的。

要使框更宽更长，您需要将圆角矩形分开，并将其与 overflow：hidden 或 repeat：y 等属性组合在一起。 它根据个人习惯或具体要求分为几个部分。

粘贴一张我之前做过的相关图片，如果大家看不懂就聊聊吧。

CSS3 很好，但现在只有最新版本的浏览器，比如 Google Chrome，支持 CSS3。

首先，第一个精简。

使用 div+css 布局，页面被简化，我相信任何了解 XHTML 的人都知道这一点。 **精简有两个直接的好处：一是提高蜘蛛爬虫的效率，可以在最短的时间内抓取整个页面，这对收藏的质量有一定的好处; 二是因为它可以高效爬行，所以会受到蜘蛛的喜欢，这对所包含的人数有一定的好处。

二、**的嵌套问题。

搭配表格布局，为了达到一定的视觉效果，就要应用多个**。 如果核心内容在嵌套的**中，并且蜘蛛在爬取时跳过了这一段，没有爬到页面的核心，则该页面就变成了一个相似的页面。 太多相似的页面会影响排名和域名信任度。

div+css 布局基本没有这个问题，从技术角度来看，xhtml 在控制样式时不需要太嵌套。

虽然这一点尚未得到证实，但还是建议使用表格布局的朋友在设计中尽量不要使用多层**嵌套，seoers在文章中对此进行了解释，相信他们也不是没有根据的。

第三，速度问题。

div+css 布局的页面数比表格布局少，加载速度大大提升，在蜘蛛爬行时非常有利。 页面代码代码过多可能会导致抓取超时，蜘蛛会认为页面无法访问，影响收录和权限。

另一方面，真正的SEO不仅仅是为了追求收录和排名，而且快速的响应速度是提升用户体验的基础，这对整个搜索引擎的优化和营销是非常有利的。

第四，对排名的影响。

基于XTHML标准的DIV+CSS布局，一般在设计完成后尽可能完整，通过W3C验证。 到目前为止，还没有搜索引擎表明排名规则会偏向于符合 W3C 的 ** 或页面，但事实证明，使用 XTHML 模式的 ** 通常排名良好。 这一点可能有争议，但乐思书本人却坚持这样的观点，不同意者可以比较观察三组以上质量基本相同的**。