課程
/前端開發
/HTML/CSS
/網頁布局基礎
哪部分屬于溢出內容？
2016-09-04
源自：網頁布局基礎 3-5
正在回答
我也是初學不知道怎么給你解釋，告示你一個方法做實驗
<style?type="text/css"> div{border:2px?solid?red; height:100px; overflow:hidden;/*移除屬性（清除浮動只是功能之一）*/ } </style> </head> ?<body> ??<div> 內容！內容！ ??</div> ?</body>
你先不打輸入overflow:hidden;在瀏覽器里打開；看見的是“內容！內容！”然后你向<div>輸入大量的文字，一定要多，你會看到他溢出了紅色邊框，然后你再加上overflow:hidden;代碼，你就會發現溢出的文字被隱藏了。補充一下，你發現沒發現慕課網的左側有個可以上下拉動的滾動條？我想網頁也許有個什么屬性是顯示滾動條的。希望能幫到你.
舉報
讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-04
我也是初學不知道怎么給你解釋，告示你一個方法做實驗
<style?type="text/css"> div{border:2px?solid?red; height:100px; overflow:hidden;/*移除屬性（清除浮動只是功能之一）*/ } </style> </head> ?<body> ??<div> 內容！內容！ ??</div> ?</body>你先不打輸入overflow:hidden;在瀏覽器里打開；看見的是“內容！內容！
”然后你向<div>輸入大量的文字，一定要多，你會看到他溢出了紅色邊框，然后你再加上overflow:hidden;代碼，你就會發現溢出的文字被隱藏了。補充一下，你發現沒發現慕課網的左側有個可以上下拉動的滾動條？我想網頁也許有個什么屬性是顯示滾動條的。希望能幫到你.