欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

求指教布局_html/css_WEB-ITnose

程序员文章站 2022-03-25 14:43:19
...
本帖最后由 Kenticny 于 2013-05-28 10:58:11 编辑

DIV CSS 布局



如上图所示,请教完全使用DIV+CSS的布局,求简洁的,灵活性高的代码,我自己写的太复杂了。。所以来请教了,求各位大神指教。。小弟新人~

回复讨论(解决方案)

在dw中自已画一画吧,或者挑着差不多的布局自已改一下

div 嵌套 float

层次分清楚应该就容易了吧。上下分,然后上面左右分,上面的右边再上下分。以此分下去。要控制好float

每个框框的高度设置宽度精确好,所有都float不就好了

菜鸟一个,要我做的话,用3个div,都使用float:left;然后把小的div套进去,小div也同样使用float:left

代码:

	图片布局
求指教布局_html/css_WEB-ITnose
求指教布局_html/css_WEB-ITnose
求指教布局_html/css_WEB-ITnose求指教布局_html/css_WEB-ITnose
求指教布局_html/css_WEB-ITnose求指教布局_html/css_WEB-ITnose

效果图:

效果图贴错了,这个:

相关标签: 求指教布局