IE7 - 단추 태그에 인접한 div 두 개를 놓으려고합니다.

단추 태그에 두 개의 div를 표시하려고합니다 (1 div에 아이콘이 있음) & 다른 설명 텍스트, HTML 태그를 변경할 수 없음을 유의하십시오.).
IE7에서 div의 2 개 div는 나란히 있고 버튼 태그의 동일한 div는 1 개 아래에 있습니다.
잠수함 1을 서로 아래에 배열하는 단추 태그와 관련된 특정 항목이 있으며 IE7 해킹 또는 CSS 트릭으로 재정의 할 수 있습니까?IE7 - 단추 태그에 인접한 div 두 개를 놓으려고합니다.

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
     button { 
      display:block; 
      float:left; 
      clear:none; 
     } 
     .div1 { 
      border:1px solid red;float:left; 
     } 
     .div2 { 
      border:1px solid red;float:left; 
     } 
     .div3 { 
      border:1px solid cyan;float:left; 
     } 
    </style> 
</head> 
<body> 
<button><div class="div1">div1</div><div class="div2">div2</div></button> 
<div class="div3"><div class="div1">div1</div><div class="div2">div2</div></div> 
</body> 
</html>

출처

2013-07-01 code.tweetie

시도해 보셨습니까? 둘 다; –

시도했으나 작동하지 않았습니다. –

나는 문제가 무엇인지 알지만, 내가 생각할 수있는 유일한 것은 div에 나란히 놓 이도록 충분히 큰 명시 적 폭을 버튼에주는 것이다. 그게 선택의 여지가 있니? 아, 그리고 이미 떠 다니기 때문에'display : block'이 필요 없습니다. –

는 IE7의 폭이 이

  button { 

     float:left; 
     clear:none; 
     width:80px; 
    } 
     .div1 { 
      border:1px solid red;float:left; 
     } 
     .div2 { 
      border:1px solid red;float:left; 
     } 
     .div3 { 
      border:1px solid cyan;float:left; 
     }

출처

2013-07-01 13:02:30 falguni

설명 너비를 고정하는 것이 효과적이지만 버튼의 너비를 고정하는 것이 언어별로 다를 수 있으므로 설명 텍스트의 길이가 다를 수 있으며이 문제를 해결할 다른 방법이 있습니까? –

의무 버튼을 폭을 제공하지 않으려면,이 내가 올 수 있었던만큼 가까운하려고합니다.

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    button { 
    /* no styles */ 
    } 
    .div1 { 
    display:inline; 
    border:1px solid red; 
    } 
    .div2 { 
    display:inline; 
    border:1px solid red; 
    } 
    .div3 { 
    display:inline; 
    border:1px solid cyan; 
    } 
    </style> 
</head> 
<body> 
    <button><div class="div1">div1</div><div class="div2">div2</div></button> 
    <div class="div3"><div class="div1">div1</div><div class="div2">div2</div></div> 
</body> 
</html>

이제는 이상적입니다. 볼 수는 있지만, 시작해야 할 부분이 있습니다.

출처

2013-07-01 13:25:24

감사합니다. Mr. Lister. 첫 번째 div는 (배경 이미지를 사용하고 있습니다.) 너비와 높이를 필요로하는 아이콘을위한 것이기 때문에 제 초기 게시물 자체에서는 언급하지 않았지만 제 div는 인라인이 될 수 없습니다. 그래서 나는 그 길로 갈 수 없었다. –

IE7 - 단추 태그에 인접한 div 두 개를 놓으려고합니다.

답변

관련 문제