새로운 웹 앱의 타임 라인 기능을 구축하는 과정에 있지만이 CSS 문제를 해결하는 방법을 모르겠습니다. 나는 "Mauna Key Observatories"를 "Mauna Key Summit"에 맞추고 싶습니다. 그 div가 다른 트레킹 아이템 div를 치지 않아야하기 때문입니다. trek_items가 서로를 커버한다면 수직으로 나열되기를 원합니다. 해결책을 알고 있습니까?Div를 떠 다니지 않고 정렬합니까?
당신은 나의 문제를 볼 수 있습니다 당신은, 예를 들어 .. 수평으로 배치 사업부의 위치를 사용하는 DIV의 위치 절대을 만들고 사용하는 위치에 배치 할 수 있습니다, 오히려 부유보다 Timeline Feature
는을 왼쪽 * 최고 *, 바로과 하단
을 코드 아래 참조
,<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="width:100px; height:100px; border:1px solid; position:absolute; left:0px;"></div>
<div style="width:100px; height:100px; border:1px solid; position:absolute; left:100px;"></div>
<div style="width:100px; height:100px; border:1px solid; position:absolute; left:200px;"></div>
</body>
</html>
질문 : 저는 항상 'position : absolute;'가 요소를 문서 구조 밖으로 가져간 것으로 생각했습니다. 그래서 필자는 내 문서 (예 : [lightbox] (http://lokeshdhakar.com/projects/lightbox2/))의 다른 상자 사이에 "사이에"또는 "다른"상자에 넣는 용도로만 사용합니다. 그러므로 나는 항상'float'을'position : absolute;'에 우선적으로 사용했습니다. 저것에 대한 당신의 생각은 무엇입니까, @Prasath K? –
@Raul Pinto 어떻게 문서 구조 밖으로 요소를 빼내겠습니까? 그것은 올바른 방법으로 배치하고 플로트를 선호하지만 질문자가 플로팅을 원하지 않는다. –
내가 말했듯이, 나는 그것을 단지 "상자들"사이에 놓기 위해서만 사용했다. 그래서, 다른 상자는 그것에 의해 영향을받지 않는다고 말할 것입니다. 따라서 "문서 구조에서 벗어났습니다". 단어의 나쁜 선택 일 수 있습니다. 그 죄송합니다. 나는 당신의 대답을 좋아하지 만, OP에 더 좋은 대답은 없습니다. 제 생각에, 추가 할 것이 있다면'float'을 사용하는 것입니다 :) –
수직 또는 수평 ... ?? –
상관 없지만 왼쪽 사이드 바에 "북극"이 아닌 "북극"이 있습니다. –
@Maggy May - 감사합니다. 잘 잡아 ... 고정 됐어. –