图中怎么用css做出
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>...
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>7天24小时不停止热爱学习</title> <style type="text/css"> div.tao{ width:300px; height:700px; float:left; margin-right:5px; background-color:#d9d8d8; } div.guonei{ width:590px; height:700px; float:left; margin-right:5px; background-color:#d9d8d8; } div.yonghu{ width:590px; height:700px; float:left; margin-right:5px; background-color:#d9d8d8; } </head> </style> <body> <div class="tao"></div> <div class="guonei"></div> <div class="yonghu"></div> </body></html>
展开
1个回答
展开全部
现在基本上不用浮动了,浮动并不稳定,出现一堆问题,还要自己写代码解决,flex可以完美替代float
<style>
*{
margin: 0;
padding: 0;
}
.frame{
display: flex;
width: 1490px;
justify-content: space-between;
}
.one{
width:300px;
height:700px;
background-color:#d9d8d8;
}
.two{
width:590px;
height:700px;
background-color:#d9d8d8;
}
.three{
width:590px;
height:700px;
background-color:#d9d8d8;
}
</style>
<body>
<div class="frame">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
</body>
<style>
*{
margin: 0;
padding: 0;
}
.frame{
display: flex;
width: 1490px;
justify-content: space-between;
}
.one{
width:300px;
height:700px;
background-color:#d9d8d8;
}
.two{
width:590px;
height:700px;
background-color:#d9d8d8;
}
.three{
width:590px;
height:700px;
background-color:#d9d8d8;
}
</style>
<body>
<div class="frame">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
