2017-09-15 6 views
-4

일 div 태그 내에 4 개의 div 태그 (숙박 사이트 위젯)를 배치하여 한 수평 라인에 나란히 표시하려고합니다. 나는 이것을하기 위해 CSS 요소 "float"과 "display"를 사용했지만, 4 divs 중 2 개만 원하는대로 배치했습니다. 결과는 http://www.somersetsights.co.za/preiseneu.html입니다. CSS 스타일 요소는 html 문서의 인라인 스타일이나 스타일 시트 http://www.somersetsights.co.za/css/style.css입니다.div 태그 내의 div 태그

저는 전문가는 아닙니다. 실제로 오히려 미숙 한. 나는이 문제를 혼자서 해결하려고 애썼지 만 나는 투쟁한다. 나는 전문가가 조언을 할 수 있기를 바랍니다. 감사합니다

+0

당신의 사업부가 수평하게됩니다

#review_widgets { display: table-cell; width: 1%;} 

당신의 외부 DIV이 CSS를 추가합니다. –

+1

코드 도움말을 찾는 질문에는 문제를 해결하는 데 필요한 가장 짧은 코드 **가 포함되어야합니다 ** ** Stack Snippet **. 링크를 제공했지만 무효화 될 경우 귀하의 질문은 동일한 문제가있는 다른 미래 SO 사용자에게 아무런 가치가 없습니다. [** ** 내 웹 사이트의 일부 기능이 작동하지 않습니다. ** 링크를 붙여 넣을 수 있습니까?] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project- 붙여 넣기 - 붙여 넣기 - 링크 - 투 - 그것). –

답변

0

도움이 될 수 있습니다. 이것은 당신이 다른 div의 같은`#의 booking_com_widget`에 CSS를 추가 깜빡하고이에없는 이미지가

+0

감사합니다. – afrikapit

+0

@afrikapit을 확인합니다.이 질문에 대한 답변을 얻었습니까? 그렇다면이를 수락하십시오. 그것은 답에 대한 체크 표시입니다. 이것은 비슷한 질문을 가진 개발자들이 곧바로 솔루션으로 갈 수있게합니다. 그렇지 않은 경우 댓글을 추가하십시오. 감사 – TouchStarDev

1

해결 방법에는 여러 가지가 있습니다. 예를 들어 너비를 .services div에 100 %로 설정하면 실제로 인라인하려는 콘텐츠의 상위 태그입니다. 개인적으로 나는 수레 대신에 요소를 위치시키기 위해 display: inline-block을 사용할 것이다. 그러나 그것은 당신에 달려있다. 또한 패딩으로 인해 해당 div가 넘치지 않도록 태그에 box-sizing: border-box을 할당합니다. 도움이 되길 바랍니다.

+0

감사합니다. – afrikapit