HTML如何并列div?求详细解答

HTML如何并列div?求详细解答,第1张

以下是具体演示步骤:1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可4、运行结果如下图。无论如何变换浏览器宽度,div都是一行展示出来。

最好能贴代码出来看看

这个float翻译成 浮动 ,但是并不是你想象的那样“浮动”,建议你看看盒模型。。。

div本身是块级元素(block),不设置宽度或者浮动的时候,宽度是父级元素宽度的100%,如果设置了float属性值(除了none),会根据div里面的内容确定宽度,所以二三会挨着。。。


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

原文地址: http://outofmemory.cn/bake/11540008.html

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

发表评论

登录后才能评论

评论列表(0条)

保存