如何让一个DIV浮动在另一个DIV上面

如何让一个DIV浮动在另一个DIV上面,第1张

实现的方法和详细的 *** 作步骤如下:

1、首先,创建两个div,如下图所示然后进入下一步

2、其次,完成上述步骤后,需要给其Class属性,如下图所示,然后进入下一步。

3、接着,完成上述步骤后,使用CSS通过Class属性为其设置样式,如下图所示,然后进入下一步。

4、然后,完成上述步骤后,需要给其一个宽度和高度,再加上边框,如下图所示,然后进入下一步。

5、随后,完成上述步骤后,设置非悬浮div的样式,然后为其设置背景颜色,如下图所示,然后进入下一步。

6、接着,完成上述步骤后,设置悬浮div的样式,该样式需要绝对定位,设置其位置,如下图所示,然后进入下一步。

7、然后,完成上述步骤后,要设置浮动div的位置,需要使用top和left,详细信息见下图,然后进入下一步。

8、最后,完成上述步骤后,返回页面查看效果,如下图所示。这样,问题就解决了。

只能通过JS脚本来弄,样式无法做到,想实现的话那就在再作div的嵌套,利用123嵌入一个div内,4再嵌入一个div内
其实楼主的想法是完全没有意义的,怎么说呢,因为绝大部分页面我们只要求宽度自适应,就如楼主所提到的第一个横排换行,可以根据float:left样式属性来布局,页面窄了就换行,宽了下排的就补上去,从而达到页面的美观;还有就是用户使用浏览器的习惯,鼠标滚轮是可以让页面上下滚动的,虽然左右滚动也可以,但是需要按住滚轮来 *** 作,这个大部分用户是不习惯使用的,有滚动都是通过拖动滚动条来浏览;当然为什么样式只有横向可以换行一时半会也说不清楚,原因有很多,其中人们的 *** 作习惯很重要
楼主的第二个想法已经说明楼主已经在认真的学习了,对于这个问题的思考是值得表扬的,不过楼主不用再继续考虑这个问题了,你做页面只需要关注横向就行了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13379663.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-25
下一篇 2023-07-25

发表评论

登录后才能评论

评论列表(0条)

保存