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

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

設置了absolute的元素，沒設置寬度，那他的寬度是由內容決定的。 那還怎么自適應寬度呢？

已經糊涂了。。http://img1.sycdn.imooc.com//566820590001349b08120308.jpghttp://img1.sycdn.imooc.com//5668209f0001708b04720558.jpg

正在回答

7 回答

<!DOCTYPE??HTML>
<html?>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>xxxx</title>
????<style>
????????*{
????????????padding:?0;
????????????margin:?0;
????????}
????????.box1{
????????????background:?#06f;
????????????height:?500px;
????????????width:?200px;
????????}
????????.box2{
????????????background:?#3c0;
????????????height:?300px;
????????????position:?absolute;
????????????left:?200px;
????????????top:?0;
????????}
????</style>
</head>
<body>
<div?class="box1">cccccccccc</div>
<div?class="box2">dddd?dddd?dddd?dddd?dddd?dddd發dddd?dddd?dddd?dddd?dddd?dddd?dddd?dddd?dddd?dddd?dddd?dddd?dddd?dddd發dddd?dddd?dddd?dddd?dddd?dddd?dd?dddd?dddd?dddd?dddd?dddd?dddd發dddd?dddd?dddd?dddd?dddd?dddd?dd</div>
</body>
</html>

內容放到足夠多就行了

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

a漁 提問者

恩！ 原來是這樣啊，明白了。 謝謝你呀~ 非常非常感謝\(≧▽≦)/
2015-12-09 回復 有任何疑惑可以回復我~

如果不是塊級就是由內容撐開的

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

a漁 提問者

恩恩，知道啦O(∩_∩)O~
2015-12-09 回復 有任何疑惑可以回復我~

根據內容改變寬度就叫自適應寬度啊....>__<

題主到底要問什么？？

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

a漁 提問者

不是根據窗口嗎？
2015-12-09 回復 有任何疑惑可以回復我~
#2

a漁 提問者

就是三樓貼的代碼的效果。
2015-12-09 回復 有任何疑惑可以回復我~

5668285b0001e7a105000256.jpg

5668285b0001d5ee05000183.jpg

課程里的。。

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

李曉健

你給一下他的完整代碼看一下。
2015-12-09 回復 有任何疑惑可以回復我~
#2

a漁 提問者 回復 李曉健

這個看不到。。/(ㄒoㄒ)/~~ 那個老師說，“relative--父元素相對定位；absolute--自適應寬度元素絕對定位” 《網頁布局基礎》
2015-12-09 回復 有任何疑惑可以回復我~
#3

李曉健 回復 a漁 提問者

我剛才去看過他那節視頻了，他的可以自適應是因為他的內容足夠多，可以撐滿一行，所以他就看起來是自適應了，你把你的那個div里的多放一點內容也可以做到他那種效果。
2015-12-09 回復 有任何疑惑可以回復我~ 
<!DOCTYPE??HTML>
<html?>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>xxxx</title>
????<style>
????????*{
????????????padding:?0;
????????????margin:?0;
????????}
????????.box1{
????????????background:?#06f;
????????????height:?500px;
????????????width:?200px;
????????????position:?absolute;
????????????left:?0;
????????????top:0;
????????}
????????.box2{
????????????background:?#3c0;
????????????height:?300px;
????????????margin-left:?200px;
????????}
????</style>
</head>
<body>
????<div?class="box1">cccccccccc</div>
????<div?class="box2">dddddddd</div>
</body>
</html>

你可以試試這樣寫

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

a漁 提問者

不是對自適應寬度的元素設置絕對定位嗎？
2015-12-09 回復 有任何疑惑可以回復我~
#2

a漁 提問者

有節課老師的講述，我貼圖了，你可以看看嗎？o(╯□╰)o 不明白
2015-12-09 回復 有任何疑惑可以回復我~


自適應寬度

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

a漁 提問者

不要搞笑嘛。。o(╯□╰)o
2015-12-09 回復 有任何疑惑可以回復我~

給一下具體的代碼看一下。

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

a漁 提問者

貼代碼和圖了。
2015-12-09 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214662    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識

進入課程

設置了absolute的元素，沒設置寬度，那他的寬度是由內容決定的。 那還怎么自適應寬度呢？

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

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

 幫助反饋 APP下載

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

 公眾號

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