2017-04-10 1 views
0

객관식 답변이있는 설문 조사와 같이 질문 및 답변이 포함 된 다양한 블록으로 구성된 페이지를 만들려고합니다."처음부터 시작"CSS 서식을위한 적절한 컨테이너?

지금은 DIV를 사용하고 CSS로 레이아웃과 형식을 재정 의하여 각 질문을 자체 블록에 보관하고 질문과 답변을 정렬하지만이 방법은 모든 브라우저 (IE 대부분 문제 임)

기존의 서식 지정을 사용하지 않는 각 질문을 포함 할 수있는 더 나은 컨테이너 태그가 있습니까?

질문은 자바 스크립트로 처리되며 양식 요소에 포함되지 않으므로 서버에 제출되지 않으므로 각각에 대해 간단한 블록 레이아웃을 얻는 가장 좋은 방법을 찾고 있습니다. 문제.

+0

*이 방법은 모든 브라우저에서 잘 재생되지 않는 것 같습니다. 어떤 방법으로 ?? DIV의 빈 태그는 최소 CSS 형식이어야합니다. – DaniP

+0

HTML과 CSS에 대해 조금 더 배워야합니다. 이것은 매우 광범위한 질문입니다. 우리는 본질적으로 책에 제대로 답할 수있는 장을 써야합니다. –

+0

내가 무엇을 의미하는지 명확히하기 위해 ... 나는 내부의 요소들에 대한 CSS를위한 일종의 뿌리로 사용할 수있는 일종의 컨테이너를 찾고있었습니다. 일부 질문에서 대답은 질문 오른쪽에 떠 다니는 반면 다른 질문은 질문 아래의 표에 줄 지어 있습니다. "제대로 작동하지 않는 것"은 올바른 컨테이너가 없으면 텍스트가 IE의 떠 다니는 답변 주위를 제대로 감싸고 있지 않고 답변을 다음 줄로 밀어 넣는 것이 었습니다. 질문은 또한 span 태그에 인라인 블록으로 포함되어 있는데, IE가 떠 다니는 요소를 감싸고 있지 않을 수도 있습니다. – Ceetch

답변

0

질문에 간단히 대답하려면 <div>이 좋습니다. div에 미리 서식이 지정된 레이아웃 스타일이 있으면 안되며 일반 컨테이너 일뿐입니다. CSS에 일반적으로 모든 div에 스타일이 있다면 해당 스타일을 클래스로 리팩터링하는 것이 좋습니다.

<section>과 같은 다른 태그가 있지만 레이아웃과 서식의 측면에서 차이가 없다고 말하면 CSS에 모두 나와 있습니다.

더 구체적인 레이아웃 문제가 있으시면 언제든지 html 및 css를 보내 주시기 바랍니다.

관련 문제