幫助與CSS，使默認情況下div是頁面長度

有人可以幫助我在這個頁面上的CSS？ http://www.thepatstudio.com/pat/幫助與CSS，使默認情況下div是頁面長度

我有一個側邊欄，它有一定的長度和鏈接到頁面的其餘部分。在旁邊是文字和背景圖像的區域。如果文本太短，我希望整個div的長度與側邊欄的長度相同，如果文本的文本太長，則需要更長的底部圖像。我試圖使用高度：100％，但似乎無法讓它工作，除非我將它設置爲> 100％，然後如果文本長於此長度，則不會更新。

<div id="x"> 
<div id="sidebar"> 
<br> 
<h2>Artist Info</h2><br> 
<h2>Assemblage</h2><br> 
<h2>Collage</h2><br> 
<h2>Blog</h2><br> 
<h2>Etsy</h2><br> 
<h2>Guestbook</h2><br> 
<h2>Studio</h2><br> 
<h2>Contact</h2><br> 
<h2>Links</h2><br> 
<h2>Home</h2><br></div> 
<div id="txt"> 
<div id="title"><h2 id ="ttext">Assemblage</h2></div> 
<div id="text">texttext 
</div> 
</div> 
</div> 

#sidebar {background-color:#FFFFFF;width:158px;float:left} 
#txt{background-color:#000000;width:770px;position:absolute; 
right:328px;} 
#title{background-color:#FFFFFF;position:relative;width:151px; margin-left: 25px;padding-left:10px;padding-right:10px;top:10px;height:45px;} 
#text{background-color:#FFFFFF;position:relative;margin: 25px; padding: 20px } 
#ttext {padding-top: 10px} 
#x {height: 100%}

來源

2010-03-06 V_H

如果您只是不設置「高度」，該怎麼辦？ – 2010-03-06 04:47:05

這似乎沒有幫助。 – 2010-03-06 04:59:11

這對錶格來說很重要。 – cletus 2010-03-06 05:06:34

嘗試使用一些漂亮的javascript來動態調整高度。

下面是使用jQuery（流行的JS框架）

<!-- loads the jquery lib, stick this in head 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 

<!--append this to the end of your script--> 

<script type="text/javascript"> 

var sideBarHeight = $('#sidebar').height(); 

$('#text').height(sideBarHeight); 

</script>

來源

2010-03-06 05:12:38

我正在考慮這樣做，因爲我在我的主頁上這樣做了，但我想知道這是不是一個好主意，而不僅僅是一個黑客？ – 2010-03-06 05:45:31

不，黑客正在瀏覽器中使用特定的缺陷/缺陷（用於網頁開發）來實現特定目標，黑客在更新/補丁發生時很容易中斷。這是javascript/jQuery;它的目的就是要這樣工作，除非在未來版本中庫變化很大，否則它不可能中斷。而且它絕對不會利用任何地方的缺陷或缺陷。 – 2010-03-06 06:00:47

對於初學者你不應該重複使用H2標籤作爲佈局的元素，但最好使用列表中的元素因爲這是一個簡單的例子他們是爲了，而標題標籤具有特定的含義和排名的DOM。

我想創建你想要的佈局，你應該浮動主X元素中的其他元素，確保您清除了浮動：

http://www.positioniseverything.net/easyclearing.html

你不應該在任何元素的使用絕對定位以便它們包含在同一個#x div

來源

2010-03-06 05:42:48 Zac

感謝您的提示。我的CSS仍然是粗製濫造。 – 2010-03-06 06:53:22

幫助與CSS，使默認情況下div是頁面長度

回答

相關問題