css浮动的问题？？财富值47？_问答_优艾设计网_设计界精英聚集地,Ps自学,电脑知识百科,专业设计知识分享平台

优艾设计网 https://www.uibq.com 2023-04-24 12:46 出处：网络作者：电脑技术

<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UT优艾设计网_Photoshop问答F-8\"> <title>Document</title> <style>body{ padding:100px; height:100px;} .

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UT优艾设计网_Photoshop问答F-8"> <title>Document</title> <style>body{ padding:100px; height:100px;} .box{ width:800px; background-color: #f0f0f0;} .box .boxBar1{ background-color: red; height:100px; float: left; width:100px; } .box .boxBar2{ background-color: yellow; height:100px; width:800px; text-align: center; }</style>

</head>
<body>

<div class="box"> <div class="boxBar1"> </div> <div class="boxBar2">11字体居中 </div> </div>

</body>
</html>

我设置了子元素boxBar1 向做浮动，子元素boxBar2没有浮动，理论上他会给boxBar1让出他自己的那一部分呈现在页面上。这时候我设置了boxBar2宽度和父亲宽度相等。但是我设置了字体居中，字体竟然没有相对于本身800的宽度居中。而是相对于本身宽度减去boxBar1的宽度然后再居中。这是为什么？

360U3190981525 2022-09-08 07:48

优艾设计网_设计模板

给你一个讲float的https://segmentfault.com/a/11...

蜂窝煤1992 优艾设计网_电脑技术 2022-09-08 07:49

这个问题，爱钓鱼的大神讲的非常清楚，推荐看一看http://www.zhangxinxu.com/wor...

jgyjgy 2022-09-08 07:51

优艾设计网_设计圈

你换一个背景图看看，你会发现图片什么的都盖住了，就字能跑来跑去的

唐僧叫你去洗头 2022-09-08 07:55

优艾设计网_设计LOGO

这是一种符合预期的行为，dom元素在排版时，会将浮动元素的位置避开，所以，如果想实现红块完全盖住黄块，就不能用float,可以使用position:absolute来代替