200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 定义了3个div 如何让这3个div显示在同一行呢?为啥下面的css代码实现不了呢?【HTML】

定义了3个div 如何让这3个div显示在同一行呢?为啥下面的css代码实现不了呢?【HTML】

时间:2023-02-23 01:48:58

相关推荐

定义了3个div 如何让这3个div显示在同一行呢?为啥下面的css代码实现不了呢?【HTML】

web前端|html教程

定义了3个div,如何让这3个div显示在同一行呢?为啥下面我的css代码实现不了呢?

web前端-html教程

影视公司网站模板源码,ubuntu安装zip工具,长城遗产网 爬虫,php 报错 修改,seo营销引流lzw

html5

创业 源码重要吗,ubuntu启动不了桌面,tomcat占用的端口修改,爬虫的写法,php怎么替换文字,xyz seolzw

div{

width: 200px;

height:100px;

anynote 源码,vscode 绿线,ubuntu虚拟网口带宽,tomcat 加载项目,sqlite 编译安装吗,jquery仿app点餐插件,web前端页面设计框架,爬虫高阶破解vip,php 匿名,淘宝seo优化技巧,wordpress网站运行时间代码,网页二级菜单,物流系统模板,视频背景页面效果代码,在线投票管理系统源码,花加小程序源码lzw

}

#oneDiv{

border:1px solid black;

float: left;

}

#twoDiv{

border:1px solid red;

float: left;

}

#threeDiv{

border:1px solid blue;

float: left;

}

这里是第一个div里面的内容

这里是第三个div里面的内容

回复讨论(解决方案)

.

html5div{

width: 200px;

height:100px;

}

#outDiv{

width: 610px;

}

#oneDiv{

border:1px solid black;

float: left;

}

#twoDiv{

border:1px solid red;

float: left;

}

#threeDiv{

border:1px solid blue;

float: left;

}

这里是第一个div里面的内容

这里是第三个div里面的内容

为啥要设置outDiv的宽度?好像外部div的宽高会被内部div的内容会自动撑满的吧?!

#outDiv{

width: 610px;

}

为啥要设置outDiv的宽度?好像外部div的宽高会被内部div的内容会自动撑满的吧?!

#outDiv{

width: 610px;

}

div{width: 200px; height:100px;}把所有的div都设置了, 包括outDiv

float: left;只是设置如何浮动,又不是强制限制显示在同一行,当父容器宽度不够时会显示在下一行

只有单个元素的宽度超过父容器,父容器才会被撑开

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。