在一个侧面栏使用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

回答

相关问题