DIV+CSS控制,两层的DIV嵌套,用一个样式让内层DIV在外层DIV中纵向循环显示。

DIV+CSS控制,两层的DIV嵌套,如写上float:left则内层在外层中横向循环,到右边自动转到下一行。现在我想实现纵向的这一效果,外层是写死了高度的,内层先一个一... DIV+CSS控制,两层的DIV嵌套,如写上float:left则内层在外层中横向循环,到右边自动转到下一行。现在我想实现纵向的这一效果,外层是写死了高度的,内层先一个一个往下排,到外层的底部后再从侧重起一列。
图中横排是我能够实现的效果,内层DIV写法是<div style="width:100px; height:100px;float:left;"></div>。
竖排是我没有实现的效果,求一个统一的内层DIV样式实现该效果。
展开
 我来答
lp5276159be1
2011-12-19 · TA获得超过2万个赞
知道大有可为答主
回答量:1万
采纳率:39%
帮助的人:4308万
展开全部
只能通过JS脚本来弄,样式无法做到,想实现的话那就在再作div的嵌套,利用123嵌入一个div内,4再嵌入一个div内

其实楼主的想法是完全没有意义的,怎么说呢,因为绝大部分页面我们只要求宽度自适应,就如楼主所提到的第一个横排换行,可以根据float:left样式属性来布局,页面窄了就换行,宽了下排的就补上去,从而达到页面的美观;还有就是用户使用浏览器的习惯,鼠标滚轮是可以让页面上下滚动的,虽然左右滚动也可以,但是需要按住滚轮来操作,这个大部分用户是不习惯使用的,有滚动都是通过拖动滚动条来浏览;当然为什么样式只有横向可以换行一时半会也说不清楚,原因有很多,其中人们的操作习惯很重要
楼主的第二个想法已经说明楼主已经在认真的学习了,对于这个问题的思考是值得表扬的,不过楼主不用再继续考虑这个问题了,你做页面只需要关注横向就行了
追问
是这样,我现在要实现的页面类似于windows桌面的效果,前提条件是:1、内层DIV数量是外层DIV的指定大小范围内完全能容纳下的;2、外层DIV的大小是固定的;3、内层DIV的要求是竖向排列(即右侧未实现的竖排效果)。希望能够通过一个统一的css样式实现,这种想法是不可能实现的是吗?
追答
就我所知的css来看,你想实现只能分开来写了,写在同一个div内是无法办到的
因为目前标签的位移样式就2种
1、默认的自动换行,即使固定了宽度也还是会换行,除非有标签加入样式,否则不会出现同一个标签内一行出现2个标签的现象,如div标签、table标签之类的
2、同一行默认跟随,比如a标签、span标签之类的,就好像是加入了float:left样式一样。当标签宽度超过父级宽度,如果无法撑开父级那么就会自动换行,css样式要么是左浮动要么是右浮动

楼主想要的效果确实css无法实现的
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式