Fatal编程技术网
  • html/
  • Html 如何为<；设置100%的高度值；旁白>；容器内高度不是100%的物体，不使用桌子

Html 如何为<；设置100%的高度值；旁白>；容器内高度不是100%的物体，不使用桌子

html css

Html 如何为<；设置100%的高度值；旁白>；容器内高度不是100%的物体，不使用桌子,html,css,Html,Css,我有以下HTML： <body> <div class="container"> <div class="aside"> Lorem </div> <div class="content"> Ipsum <br/> dolor <br/> sit &l

我有以下HTML：

<body>
    <div class="container">
        <div class="aside">
            Lorem
        </div>
        <div class="content">
            Ipsum <br/> dolor <br/> sit <br/> amet <br/>
        </div>
    </div>
</body>
如果
.container
高度为
.content
内容的100%，如何设置
.aside
高度为
.container
内容的100%。谢谢

您应该将容器放在绝对位置，将高度设置为100%，并将容器设置为相对位置，如：

.container{
位置：相对位置；
身高：100%；
背景色：黑色；
}
.旁白{
宽度：300px；
位置：绝对位置；
背景色：红色；
身高：100%；
}
.内容{
宽度：670px；
背景颜色：绿色；
左边距：300px；
}

洛勒姆
伊普苏姆
多洛
坐
阿梅特
试试这个：

body { 
    padding-top:50px;
}

.container {
   position: relative;
 }

.aside {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.content {
    width: 670px
    float: left;
    margin-left: 310px;
}
可能重复的 
body { 
    padding-top:50px;
}

.container {
   position: relative;
 }

.aside {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.content {
    width: 670px
    float: left;
    margin-left: 310px;
}