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

為了賬號安全，請及時綁定郵箱和手機立即綁定

使用position布局，div里的內容超出寬度不會自動換行！

5-3編程挑戰，我使用absolute對main里面的.left,.right進行布局時（請點擊打開代碼） .left 不會自動增加高度， .right可以實現自動增加高度，同時.left .right 都不能實現自動換行，內容只會橫行溢出，這是為什么？



正在回答

2 回答

是要超過父級寬度才會換行的

0 回復 有任何疑惑可以回復我~

樣式添加word-wrap:break-word或者word-break:break-all就OK了。因為程序把你寫的那一長串字符當作一個單詞了，而對于長單詞的換行要用到word-wrap:break-word或者word-break:break-all這兩個屬性，關于這2個屬性的區別請參考：http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

0 回復 有任何疑惑可以回復我~
#1

ORead 提問者

但.left還是不會自動增加高度，只有.right實現自動增加高度，這是怎么回事呢？
2015-12-13 回復 有任何疑惑可以回復我~
#2

qq_倉倉_0 回復 ORead 提問者

因為left使用了絕對定位，其高度是受父<div class="main">限制的,你可以試試把left的height:100%去掉，他就可以自動增加高度了，但是當left的高度比main的高度高時會超出main的范圍，main不會隨left的高度增加而增加。如果你想main隨left和right的高度變化，可以試試用float布局：在main里添加overflow:auto;把left的絕對定位去掉，添加float:left;把right的margin-left:210px;改成width:210px;添加float:right就可以了
2015-12-13 回復 有任何疑惑可以回復我~
#3

qq_倉倉_0 回復 qq_倉倉_0

絕對定位是脫離文檔流的，通過 top,bottom,left,right 定位。他的高度不受父DIV的高度限制，如果設置了height:100%,就繼承父DIV的高度。
2015-12-13 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
如何用CSS進行網頁布局
  • 參與學習       209565    人
  • 解答問題       1206    個

用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能

進入課程

使用position布局，div里的內容超出寬度不會自動換行！

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號