<p>매우 간단한 설정이 있습니다. </p>
<pre class="brush:php;toolbar:false;"><div class="container">
<p>모든 콘텐츠와 UL의 중요 항목이 div 내부에 있을 것이라고 생각했지만 현재는 그렇지 않습니다. </p>
<p>UL의 글머리 기호는 div 외부에 나타나며 오버플로가 숨겨지면 실제로 사라집니다. </p>
<p>나에게 이것은 어떤 면에서 문제가 있고 이 문제는 다양한 브라우저에 존재합니다. HTML 사양을 찾아봤지만 이것이 어떻게 발생해야 하는지에 대한 설명을 찾을 수 없습니다. </p>
<p>CSS 수정 사항이나 기타 레이아웃 수정 사항이 있나요? </p>
list-style-position: inside
작은 화면에서 여러 줄의 글머리 기호가 필요한 경우를 제외하고 대부분의 경우 잘 작동합니다. 이렇게 하면 텍스트 시작 부분이 아닌 글머리 기호에 맞춰 텍스트가 정렬되기 때문입니다.작은 여백을 허용하고 중앙 컨테이너를 덮도록 텍스트를 왼쪽 정렬하는 기본값
으아악text-align: outside
을 유지하면 글머리 기호 정렬 문제를 해결할 수 있습니다.다음을 사용해야 합니다.
으아아아list-style-position
: