在一個側面欄使用CSS的div垂直div div

我有一個頁面，我需要有一個左側欄，這一個包含一個標題下的那個圖像下，該列表下的一個文本我該如何做到這一點我試圖相對位置和絕對，但它沒有工作在一個側面欄使用CSS的div垂直div div

我需要的是div內的div意味着leftsidebar是包括標題，圖像，文本，列表的div。

任何人都可以幫我?????

這是我試圖做的圖像

.leftsideBar h2 { 
    padding: 0px 0px 30px 0px; 
    letter-spacing: -1px; 
    font-size: 2em; 
} 
.leftsideBar { 
    float: left; 
    width: 290px; 
    padding: 0px 0px 20px 0px; 
    border:5px solid #FF0000; 
    position:relative; 

} 
#profileImage{ 
    position:absolute; 
    top:40px; 
    border:5px solid #0000FF; 
}

來源

2013-05-03 user2338686

這是fiddle你想達到什麼目的？

HTML：

<div class="leftsideBar"> 
     <h2>title</h2> 
     <img src="" height="100" width="100"/> 
     <ul> 
      <li>test1</li> 
      <li>test1</li> 
      <li>test1</li> 
      <li>test1</li> 
     </ul> 
    </div>

CSS：

.leftsideBar h2 { 
    padding: 0px 0px 30px 0px; 
    letter-spacing: -1px; 
    font-size: 2em; 
} 
.leftsideBar { 
    float: left; 
    width: 290px; 
    padding: 0px 0px 20px 0px; 
    border:5px solid #FF0000; 
    position:relative; 
} 
#profileImage{ 
    border:5px solid #0000FF; 
}

在這裏它與文字圖片旁邊另一個選項 - >fiddle2

來源

2013-05-03 00:42:55 trajce

是的，它是這樣，但它不是更好給每個元素的ID ID ??? – user2338686 2013-05-03 00:46:43

這取決於你想要達到的目標。我更喜歡儘可能少的元素，所以避免任何不必要的包裝。 ps：如果我的答案回答你的問題，我會很感激，如果你upvote或標記爲答案。 – trajce 2013-05-03 00:48:59

我將upvote先生我想要有一個左邊的酒吧作爲其中包括圖片和文字和列表的facebook之一 – user2338686 2013-05-03 00:54:41

在一個側面欄使用CSS的div垂直div div

回答

相關問題