CSS 정렬 - 플로팅 된 요소의 정렬 수정

CSS와 관련하여 'VPS Plans'div와 'Features'div가 함께 플로트되고 맨 아래에 정렬되어야합니다. 불행히도 Features div의 크기를 460px로 조정하지 않으면 다음 줄로 넘어 가서 알아낼 수 없습니다.CSS 정렬 - 플로팅 된 요소의 정렬 수정

페이지는 seen here 일 수 있습니다.

감사합니다.

출처

2013-08-07 Brian Schroeter

일부 정보를 추가하기 위해 FF 브라우저에서 확인한 결과 Chrome에서 제대로 작동하는 것 같습니다. 문제를 재현 할 수있었습니다. 그 맞습니까? – whyAto8

나를 위해 두 요소 모두 파이어 폭스와 크롬에 줄 지어있다.하지만 약간의 마진이있다. 제안 : A) HTML을 검증하십시오. 당신은 PRE 대신에 STRONG (완전히 무효입니다) 대신 UL을 가지고 있습니다 (그것은 말이 안됩니다. 왜 PRE입니까?). B) 하드 코딩 된 픽셀 크기 사용을 중지합니다. 실제로 픽셀 단위로 생각을 멈추십시오. ** 반응 형 ** 부트 스트랩을 사용하기 때문에 고정 픽셀 너비를 사용하는 것은 전혀 의미가 없습니다. – RoToRa

-1

모든 것이보기 좋습니다. 아래 CSS에 display: inline-table;을 추가해야합니다.

요소는

ul.vt li.vt-line-header { 
display: inline-table; //----Add this to your CSS 
}

가 이해 희망 인라인 레벨 테이블로 표시됩니다.

출처

2013-08-07 06:58:13 Praveen

인라인 테이블이 필요한 이유 ??? display : 인라인 블록 사용; 세로 정렬 : 하단; – Anon

@Anon OP의 사이트를 확인한 결과, '인라인 블록'은 VPS Plans의 div와 'Features'div 사이에 약간의 공간이 남았습니다. 때때로 CSS가 이런 식으로 돌아 다니는 것을 안다. 우리는 생각할 수도 있지만 때로는 다른 CSS 충돌로 인해 다르게 행동 할 수도 있습니다. 당신이 이해하기를 바랍니다. – Praveen

CSS 정렬 - 플로팅 된 요소의 정렬 수정

답변

관련 문제