div가 있고 마우스를 가져 가면 동일한 div가 바로 옆에 나타납니다. 이 호버업 div에서 나는 당신이 포기한 div에 대한 자세한 정보를 제공하고자합니다.div 아래에 콘텐츠가 표시됩니다.
내 문제는; div 아래에 있지만 스타일이 적용된 콘텐츠 (예 : 테두리 반경 & 배경색)
내 HTML :
당신이 가져가해야 할 DIV.
<div id="tankinfo"><p class="info">Content what appears beneath the div.</p></div>
내 CSS :
.links{
float: left;
width: 250px;
height: auto;
margin-left: 135px;
color: white;
}
.tank{
height: 175px;
width: 250px;
padding: 5px;
background-color: #CECECE;
border-radius: 5px;
float: right;
margin-top: 75px;
font-family: 'Open Sans';
color: white;
text-align: center;
}
#tankinfo{
height: auto;
width: 250px;
padding: 5px;
font-family: 'Open Sans';
border-radius: 5px;
margin-top: 75px;
background-color: #CECECE;
margin-left: 275px;
color: white;
}
p.info{
font-family: 'Open Sans';
color: white;
width: auto;
height: auto;
font-weight: 300;
top: -5%;
margin-left: 5px;
}
지금 상황의 이미지; http://imgur.com/IiZvepx
편집 : 표시가있는 상황의 이미지 : 인라인 블록; http://imgur.com/2240A6E
모두 당신 사업부와 p 태그에 옆에있는 당신의 CSS에서
display:inline-block;
필요 했어, display : P 태그에서 인라인 블록 또는 위치 지정을 사용합니다. –