css浮動的問題?? 財富值47?
<!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的寬度然后再居中。這是為什么?
360U3190981525 2022-09-08 07:48
給你一個講float的https://segmentfault.com/a/11...
蜂窩煤1992 2022-09-08 07:49
這個問題,愛釣魚的大神講的非常清楚,推薦看一看http://www.zhangxinxu.com/wor...
jgyjgy#p#ciweiw 2022-09-08 07:51
你換一個背景圖看看,你會發現圖片什么的都蓋住了,就字能跑來跑去的
唐僧叫你去洗頭 2022-09-08 07:55
這是一種符合預期的行為,dom元素在排版時,會將浮動元素的位置避開,所以,如果想實現紅塊完全蓋住黃塊,就不能用float,可以使用position:absolute來代替
