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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

div設置寬高的問題?

div設置寬高的問題?

nobcainiao 2016-03-14 21:50:55
<div?class="container?nav"> ????<ul> ????????<li>首頁</li> ????????<li>子頁面</li> ????????<li>子頁面</li> ????????<li>子頁面</li> ????????<li>子頁面</li> ????</ul> </div> <style> ????.nav{ ????????border:1px?red?solid; ????????width:80%; ????????height:100px; ????} ????ul{ ????????list-style-type:?none; ????????width:100%; ????????height:100%; ????????border:1px?black?solid; ????} ????ul>li{ ????????float:?left; ????} </style> 我是想寫個導航,這里用了bootstrap,我想問的是:1.當我最外層的div(.nav)寬高設置百分比時,寬度的百分比有效,而高度百分比無效,是不是說明寬度這個時候只能用內容撐起來?(因為寬高設為px時都會有效)2.div(.nav)是ul的父元素,當我給ul設置高度為100%時也無效,只有當div設置px,ul設置100%才會有效。。。所以這個問題該怎么解決。我是想給div的寬高都用百分比來表示,自然ul也是相對于父元素div也用百分比
查看完整描述

1 回答

?
四葉草姑娘

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

  1. 最外層的div(.nav)高度百分比無效是因為,其父元素(<body>)的高度理論上是無限延伸的,不管是20%還是80%,對于無限來講都是沒有意義的。但是具體數值(比如px)就十分確定了。

  2. 同上,當你確定了div(.nav)的高度,<ul>的高度自然可以用百分比了。

  3. 想把這些高度都用百分比實現?很簡單,先設定<body>的具體高度吧。

查看完整回答
反對 回復 2016-03-15
  • nobcainiao
    nobcainiao
    網上很多都說給body html設置高度,我記得之前設置成100%后,網頁只有顯示器上的部分(只有一頻),沒滾動條那些,其他的東西寫出來也沒顯示。
  • 四葉草姑娘
    四葉草姑娘
    你雖然設置了100%,但是內容肯定沒有填充吧。沒有內容(或者內容不夠多)的情況下,它當然只會顯示你所能看見的顯示器部分咯,不然真的顯示無限延伸下去,那滾動條得有多長啊?
  • 四葉草姑娘
    四葉草姑娘
    對了童鞋,問題解決了記得采納答案~
  • 1 回答
  • 0 關注
  • 3523 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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