2012-09-21 4 views
0

임의의 html 요소 왼쪽에 아이콘을 첨부 할 일반 솔루션을 소개하려고합니다. 이 항목은 특정 너비를 가지며 절대적으로 다른 요소 옆에 배치됩니다. 아이콘이 요소 옆에있는 요소와 겹치지 않게하려면 요소의 여백을 아이콘의 폭만큼 늘리기로 결정했습니다. 이 기능은 매력처럼 작동합니다 - 떠 다니는 요소가있는 경우는 예외입니다. 마진은 부유 요소의 존재를 무시합니다.떠 다니는 요소에 여백을 얻는 방법?

래퍼 div를 추가하지 않고도이 문제를 해결할 수 있습니까? 이 접근법은 가능한 한 포괄적이어야합니다.

자바 스크립트가있는 경우 해당 항목을 사용해도됩니다. 예 : floated와 같은 CSS 속성을 검사하는 것이 좋을지 만, 처음에는 해결책을 모릅니다.

a table next to a floated element requires a margin

답변

1

당신의 범위 "디스플레이 : 블록"합니다 그리고 하나 그것을 폭을 제공하거나

+0

이 같은 의미 테이블의 마진을 증가

예를 들어이 문제가 있습니까? (작동하지 않습니다) http://jsbin.com/alaguc/3/edit – Toskan

관련 문제