已解決430363個問題，去搜搜看，總會有你想問的

有無大佬知道CSS clear怎么用的呀？

首頁猿問有無大佬知道CSS...

有無大佬知道CSS clear怎么用的呀？

CSS3 JavaScript

明月笑刀無情 2021-10-26 19:15:10

都說它是用來清除float元素的，可是我用了一點反應都沒有。。請高手幫我看看是哪兒的問題，CSS代碼如下：#head{width:100%;height:20px;background:#789;}#left{float:left;width:200px;height:300px;background:#823;}#right{float:right;width:200px;height:300px;background:#399;}#foot{clear:both;width:100%;height:20px;background:#789;}CSS文件叫page.cssHTML代碼如下：<link href="page.css" rel="stylesheet" type="text/css"><body><div id="head"></div><div id="left"></div><div id="right"></div><div id="foot"></div></body>請在自己電腦上運行一下，我在foot 中加了clear:both;可是和沒加一樣，我運行的效果如圖：

查看完整描述

2 回答

慕蓋茨4494581

TA貢獻1850條經驗獲得超11個贊

代碼沒問題！換別的瀏覽器一測試就看到效果了！(瀏覽器兼容問題！!)
我用IETester試了下?。。ü烙嬆愕臑g覽器是基于IE6,IE7的）
你不加clear:both在火狐,IE8中打開??！肯定是不行的foot會浮上去！?。〉贗E6,7是顯示正常頁面??！
而加了clear:both瀏覽器所顯示的效果都一致了(IE5沒試)??！
代碼沒改就是放到一個頁面里你試試
<html>
<head>
<title> New Document </title>
<style type ="text/css">
#head{width:100%; height:20px; background:#789;}
#left{float:left; width:200px; height:300px; background:#823;}
#right{float:right; width:200px; height:300px; background:#399;}
#foot{clear:both; width:100%; height:20px; background:#789;}
</style>
</head>
<body>
<div id="head">head</div>
<div id="left">left</div>
<div id="right">right</div>
<div id="foot">footer</div>
</body>
</html>

反對回復 2021-10-31

米脂

TA貢獻1836條經驗獲得超3個贊

#foot
{
clear:both;
width:100%;
height:20px;
background:#789;
}
你寬度已經定成了100%，什么效果。
你把寬度改成50%，再在<div id="foot"></div>下加一個<div id="foot1"></div>
他的樣式與#right
{
float:right;
width:200px;
height:300px;
background:#399;
}一樣
你這個時候再試下有clear和沒clear的區別

反對回復 2021-10-31

2 回答
0 關注
335 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

有無大佬知道CSS clear怎么用的呀？

有無大佬知道CSS clear怎么用的呀？

2 回答

添加回答

有無大佬知道CSS clear怎么用的呀？