div高于另一个div并且彼此相邻

-1

我搜索并发现了类似的情况，但不完全一样，我在CSS中不流畅。div高于另一个div并且彼此相邻

我有四个div彼此相邻，我需要另一个div上面每个div。我试图设置width，更改position,display divs不同，但我没有得到正确的结果。

你可以看到我的代码在这里： https://jsfiddle.net/Zmitas/y9kk9kvt/

到目前为止，我设法让他们彼此相邻，但我没能解决这个“台阶”外观。

感谢所有答案

来源

2016-11-24 Matěj Zmítko

你期望的输出是什么？ –

'id' **必须是**独特的**每个文件。你不能有两个具有相同'id'值的元素。而且，'id'通常应该**不用于CSS选择器。改用CSS类。另外，你不清楚你究竟在问什么。看着你的小提琴，我假设你已经解决了所有问题。 – connexo

感谢您的帮助。 –

更新css&HTML

#one { 
 
    width: 100%; 
 
    height: 600px; 
 
    background-color: #333; 
 
    float: left; 
 
} 
 
#two { 
 
    width: 100%; 
 
    height: 600px; 
 
    float: left; 
 
    background-color: #666; 
 
} 
 
#three { 
 
    width: 100%; 
 
    height: 600px; 
 
    float: left; 
 
    background-color: #333; 
 
} 
 
#four { 
 
    width: 100%; 
 
    height: 600px; 
 
    background-color: #666; 
 
    float: left; 
 
} 
 
.above { 
 
    position: relative; 
 
    width: 25%; 
 
    float: left; 
 
}

<div class="above"> 
 
    <div>text above</div> 
 
    <div id="one">Div one</div> 
 
</div> 
 

 
<div class="above"> 
 
    <div>text above</div> 
 
    <div id="two">Div two</div> 
 
</div> 
 

 
<div class="above"> 
 
    <div>text above</div> 
 
    <div id="three">Div three</div> 
 
</div> 
 

 
<div class="above"> 
 
    <div>text above</div> 
 
    <div id="four">Div four</div> 
 
</div>

来源

2016-11-24 09:35:22

div高于另一个div并且彼此相邻

回答

相关问题