Html <；部门>；元素为'；t位于顶部'；s<；部门>；容器

我在另一个元素（leftBar）中有一个div元素（innerBar），除非我指定innerBar的边框具有一定的宽度，否则innerBar不会从leftBar的顶部开始

你如何解决这个问题

.leftBar{
宽度：10%；
身高：100%；
位置：固定；
排名：0；
左：0；
边框：1px纯红；
}
.innerBar{
宽度：100%；
身高：100%；
背景颜色：浅蓝色；
边框：1px纯黄色；
}

一些文本

好的，明白了，我只是在innerBar中添加了以下属性：

position: absolute;

根本不需要将嵌套元素定位到文档流之外

此行为是嵌套的

p

元素上声明的默认

margin

属性（特别是

margin top

属性）的结果，可以通过以下方法之一进行纠正：

删除嵌套的

p

标记上的

margin

属性：

.innerBar p {
    margin-top: 0;
}

*{
框大小：边框框；
}
.leftBar{
宽度：10%；
身高：100%；
位置：固定；
排名：0；
左：0；
边框：1px纯红；
}
.innerBar{
宽度：100%；
身高：100%；
背景颜色：浅蓝色；
/*附加的*/
显示：内联块；
垂直对齐：顶部；
}

一些文本