关于网页切割和html, css, DIV的问题
你好！我以前学过table的网页制作法但那些过时了。最近开始学用div+css的方式来做，可是我不知道一些基本的东西，比如怎样切图是最合理的之类。我想针对我附件的图来说好吗？谢谢！1。A 块面好了，B C D三块，是用浮动的方式接在A后面吗？我需要做一个大的DIV来把B C D三块套住吗？2。当我做好A B C D后，我没有拿大的DIV来套住这4块，然后我开始做E，用clear left, float left,结果就出错了，E块的最左边，跟D左对齐了。我怎么也找不到原因。请懂HTML的朋友告诉我，我该怎么切图好吗？谢谢！
对于新的CSS+DIV 模式最重要的应用就是可以把DIV 搞成绝对定位，从而可以实现在页面上自由移动.我做了这么久的网页开发，从来没有一个页面完全用CSS和DIV实 其中 大框的布局 必用TABLE.所谓的TABLE浪费系统资源 是指 大规模的表和表套表 会占用太多资源.如果你限制表的数量并且在单元格少的情况下，表仍然是最佳的选择.当前DIV+CSS 并不完善，BUG很多，比如DIV中实现文字的自动换行，如果DIV的大小被动态的改变了文字就会溢出，这种BUG至今为止根本无法解决，只能选择TABLE，还有很多BUG 这里就不一一列出了.
如今最佳解决方案就是整体布局扔然由TABLE组成，并且尽量的限制TABLE的行和列数量.而个别需要特殊定位的东西 用DIV的绝对定位来实现. 这样就可以省去很多不必要的小表格和表套表，已经解决了原来单一靠表定位的带来的弊端.这是最省时间最便捷的解决方案..
了解DIV定位主要就是两件事，一个是 相对定位 也就是 positon:relitave 这时 left top所表示的值是 DIV相对于 本来应该在HTML流中的位移.
另一个绝对定位 positon:absolute 这里LEFT top所表示的值是 相对于父容器的位移.
你说的那几个特别clear left, float left, 根本就不是定位用的.
DIV 定位 只要高清楚三个属性的配合使用就可以了 即：positon left top.. 其他的现在可以暂时忽略.
如今最佳解决方案就是整体布局扔然由TABLE组成，并且尽量的限制TABLE的行和列数量.而个别需要特殊定位的东西 用DIV的绝对定位来实现. 这样就可以省去很多不必要的小表格和表套表，已经解决了原来单一靠表定位的带来的弊端.这是最省时间最便捷的解决方案..
了解DIV定位主要就是两件事，一个是 相对定位 也就是 positon:relitave 这时 left top所表示的值是 DIV相对于 本来应该在HTML流中的位移.
另一个绝对定位 positon:absolute 这里LEFT top所表示的值是 相对于父容器的位移.
你说的那几个特别clear left, float left, 根本就不是定位用的.
DIV 定位 只要高清楚三个属性的配合使用就可以了 即：positon left top.. 其他的现在可以暂时忽略.
温馨提示：答案为网友推荐，仅供参考
第1个回答 2011-06-08
或者自己给主要内容的div加滚动条 你有设置css样式么 控制宽 有多种原因，还是需要看到源代码和CSS文件。 贴出整体源码来
第2个回答 2015-12-17
切割方面我们需要的工具是：firework(Fw)或者PS就可以，利用WEB剪切就可以将图片切割好。
制作就是DW（dreamweaver）
操作：
新建一个HTML页面，然后建立站点。
在站点建立css、image、js文件夹用于以后放文件
一切都要在有制作好的图片和规划后开始实行。
有什么效果不会的，可以询问百度经验。
第3个回答 2011-06-09
总体上看它的布局分为2个部分，导航一个、ABCDEF一个。然后ABCDEF又分为2个部分 ABCDE和F这俩个，ABCDE又分为上下2个ABCD和E俩个部分，ABCD分为2部分，左A右BCD俩个部分，BCD分为上中下三个部分。弄清楚布局 网站就好做多了
第4个回答 2011-06-08
<div id='wrapABCDEF'>
<div id='wrapABCDE'>
<div id='wrapABCD'>
<div id='A'>
</div>
<div id='wrapBCD'>
<div id='B'>
</div>
<div id='C'>
</div>
<div id='D'>
</div>
</div>
</div>
<div id='E'>
</div>
</div>
<div id='F'>
</div>
</div>
div全部是float:left;
然后每个id控制width就可以了。
<div id='wrapABCDE'>
<div id='wrapABCD'>
<div id='A'>
</div>
<div id='wrapBCD'>
<div id='B'>
</div>
<div id='C'>
</div>
<div id='D'>
</div>
</div>
</div>
<div id='E'>
</div>
</div>
<div id='F'>
</div>
</div>
div全部是float:left;
然后每个id控制width就可以了。
相似回答