課程
/前端開發
/HTML/CSS
/網頁布局基礎
用網頁預覽后,文字會 超出....這是咋回事呢.?
2016-10-03
源自:網頁布局基礎 5-1
正在回答
給right設置寬度,自然就把文字換行下來了。但是如果你出入的是英文,比如說超長的英文單詞,這時單詞超出邊界,可以設置word-break:break-all
一連串的數字或者一連串的英文瀏覽器是無法換行的 你輸入正常的詞進去試試
你的 mainbody 寬度沒有設置,你可以通過chrome瀏覽器,按F12進行查看頁面盒模型大小,你會發現你的超出的文字把mainbody撐大了,需要設置固定的寬度。
你可以看看我的這個,不知道是否正確,我把mainbody設置為relative,然后right為absolute,根據mainbody進行定位。
*{margin:0;?padding:0;} #wrap{width:970px;?margin:0?auto;} #header{border:1px?solid?red;} #mainbody{position:relative;?margin-top:15px;} #left{float:left;width:110px;border:1px?solid?red;} #mid{margin-left:123px;width:650px;border:1px?solid?red;margin-top:10px;} #right{border:1px?solid?red;float:right;position:absolute;right:0;top:0;margin-left:790px;}
(首先我也是菜鳥,我試著解釋一下,不對不要罵我。。。)因為這個div是絕對定位的,而你寫的那行文字肯定跟這個div不在一個層里面,我記得以前講過relative和absolute對文字的影響,relative是里面文字跟著一起動的,absolute是不一起動的。。你可以敲兩行試一下。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-10-25
給right設置寬度,自然就把文字換行下來了。但是如果你出入的是英文,比如說超長的英文單詞,這時單詞超出邊界,可以設置word-break:break-all
2016-10-19
一連串的數字或者一連串的英文瀏覽器是無法換行的 你輸入正常的詞進去試試
2016-10-18
你的 mainbody 寬度沒有設置,你可以通過chrome瀏覽器,按F12進行查看頁面盒模型大小,你會發現你的超出的文字把mainbody撐大了,需要設置固定的寬度。
2016-10-05
你可以看看我的這個,不知道是否正確,我把mainbody設置為relative,然后right為absolute,根據mainbody進行定位。
*{margin:0;?padding:0;} #wrap{width:970px;?margin:0?auto;} #header{border:1px?solid?red;} #mainbody{position:relative;?margin-top:15px;} #left{float:left;width:110px;border:1px?solid?red;} #mid{margin-left:123px;width:650px;border:1px?solid?red;margin-top:10px;} #right{border:1px?solid?red;float:right;position:absolute;right:0;top:0;margin-left:790px;}2016-10-03
(首先我也是菜鳥,我試著解釋一下,不對不要罵我。。。)因為這個div是絕對定位的,而你寫的那行文字肯定跟這個div不在一個層里面,我記得以前講過relative和absolute對文字的影響,relative是里面文字跟著一起動的,absolute是不一起動的。。你可以敲兩行試一下。