2013-04-16 9 views
0

이 코드가 있습니다.센터 사업부는

그런 다음,이 CSS를 가지고 :

#cuerpo 
{ 
width: 800px; 
margin: 0 auto; 
margin-top: 25px; 
padding-bottom: 5px; 
border: solid 2px black; 
} 
#show 
{ 
width: 200px; 
margin-top: 10px; 
margin-left: 5px; 
border: solid 1px black; 
padding: 5px; 
} 

을 그리고 내 웹 페이지 내부 float: left; 모두를 사용하는 경우 구성되지 않은 매우 끔찍한 것입니다. 그것이 아니라 부동 일을 일하고 내 scheme의 모든 :

enter image description here

PS :

나는 이런 식으로 뭔가를 할 수 있습니다.

도움 주셔서 감사합니다.

EDIT1 :

내가 허용 대답에 따라 내 실제 문제에 이미지를 게시 할 수 있습니다.

enter image description here

답변

3

#show 컨테이너에는 display:inline-block을 사용하면됩니다. 여기에 예를 참조하십시오 : http://jsfiddle.net/GLp3Y/

__ _ __ _ __ _ __ _ __ _ __ * 편집을 * _ __ _ __ _ __ _ __ _ __ _

당신이 overflow:hidden에 부모 컨테이너를 설정해야합니다 float를 사용해야하는 경우. http://jsfiddle.net/GLp3Y/4/

+0

시간을 내 주셔서 감사합니다. @otinanai,이 링크를 확인하십시오 : http://jsfiddle.net/GLp3Y/2/ 문제를 해결하기 위해 알아 내려고?, 내 말은 긴 설명 인 다른 'show'가 하단에 표시되지 않음을 의미합니다. 상단. – rokimoki

+0

'# show'에서'vertical-align : top;'을 시도 했습니까? – otinanai

+1

또한 위의 수정 된 답변을 참조하십시오. – otinanai

1

가이 전체 너비를 div에하고 텍스트 정렬을 사용하여, 그것을

중심 것 또는 사업부에 넣을 수

#cuerpo{ 
margin-left : 10% 
margin-right : 10%} 

을 시도했다 : 센터 div와 display : cuerpo의 인라인

+0

내 문제는 '부동 div'가 없으면 '# cuerpo'가 가운데에 위치 할 것이지만'# show' 등을 떠올리게 할 때 ... – rokimoki

+0

을 모두 벗겨 내고 첫 번째 해결책은? 플로팅 div 안에 플로팅 div를 넣으시겠습니까? 실제로 플로트를 사용하면 실제로 문제가 보이지 않습니다. 부모 div, 여기 cuerpo에 플로트되므로 cuerpo가됩니다. – wazaminator

+0

@otinanai 솔루션은 완벽한 asnwer였습니다. 링크를 확인해 주셔서 감사합니다. 시각. – rokimoki