jQuery 모바일 열 패딩 문제

Question

문제는 here으로 볼 수 있습니다. 당신이 바이올린에서 볼 수 있듯이

, 왼쪽 열에서 이미지 아래에 패딩의 비트가있다. 나는 이것을 제거하는 방법을 정말로 모른다.

Chrome에서 요소를 검사 할 때 열 자체는 padding:0입니다. div에는 패딩이없고 이미지에 여백이 없습니다. 어떤 아이디어가 될 수 있을까요? 수동으로 여백/패딩을 설정하려고 시도했는데 이미지와 열 표시를 모두 만들었습니다. 인라인 및 블록만으로 어떤 일이 발생하는지 봅니다.

빨간색 배경은 텍스트 뒤에 만 표시되는 것이 가장 이상적입니다. 백그라운드의 텍스트를 맨 아래에 놓기 위해서만 왼쪽 열에 배경을 설정하려고했습니다. height:100%이 문제를 해결하지 못했습니다. 나는 어쨌든 그것을한다면 오랫동안 오른쪽 컬럼의 하단을 보길 기대하고 있습니다. 이 시점에서

, 나는 여기에서 갈 수있는 곳으로 조금 우둔, 그래서 사람이 될 일을 어떤 아이디어가 것입니다? 내가 그것을 바꿀 수 있는지 여부.

Answer 1

문제 :

시도는 CSS 규칙 변경에 대한 해결책을 찾기 위해 빠른 & 더러운 방법 :

.ui-block-a { margin: 0 0 -5px 0 }