Question

我有一个页面，我需要有一个左侧栏，这个包含一个标题下的图像下一个文本下面的列表我怎么能这样做我尝试相对位置和绝对但它没有工作

我需要的是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;
}

Answer 1

这是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;
}

这是图像旁边的文字的另一个选项 - ＆gt; fiddle2

div使用css在侧栏中垂直div

1 个答案: