Question

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

<meta charset="UTF-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的宽度然后再居中。这是为什么？

Answer 1

该问题目前已经被作者或者管理员关闭, 无法添加新回复

css浮动的问题？？财富值47

一周热门更多>

相关问题

相关文章

css浮动的问题？？ 财富值47

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间

一周热门 更多>

相关问题

相关文章

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

css浮动的问题？？财富值47

一周热门更多>