게시글에서 html을 사용하면 게시판 레이아웃이 넘칩니다.
본문
강제로 잡아줘야 할꺼같은데 잡아주면서 html 넣은게 작아질꺼 같네요.
혹시 다른방법은 없을까요?
답변 1
html 에 강제로 인라인 스타일이 들어가는(또는 !important 키워드 까지 기술 되어있는) 경우
JavaScript 로 강제로 잡아줘야 합니다.
html 이 상대적 수치기반으로 구성되어 있을 경우
CSS 만으로 해결 가능할 것으로 보이구요
수치기반으로 되어있는데 CSS 잡을때 overflow를 해줘야하나요?
당연히 수치기반으로 되어 있겠죠
상대적 수치기반이냐
절대적 수치기반이냐
가 중요한 것이고
CSS 잡을때 overflow 를 해줘야 하냐는 질문에
제시된 어떠한 기준도 없어 답변을 드릴수가 없습니다.
제가 css엔 거의 문외한이라
상대적 수치기반 : 100%
절대적 수치기반 : width:150px 같은걸 이야기하시는것 같네요.
90%이상이 상대적 수치기반으로 되어있습니다.
그럼에도 불구하고 자기가있어야할 main을 범람하는 이유를 알수가없네요.
우선은 상대적 기반이라면 절대적 일때 보다는 문제해결하기가 수월해집니다.
다만 상대적 기반일지라도 표기를 잘못하면 아래처럼 문제가 생길수 있구요
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>title</title>
<style type="text/css">
.main {
background-color: #eee;
width: 70%;
margin: auto;
}
.main ul {
border: 1px solid #000;
width: 110%;
margin-left: -10%;
}
</style>
</head>
<body>
<div class="main">
main
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>
이 외에도 많은 문제들이 있을수 있는데
무엇이라 콕 찝어 답변을 드릴수가 없네요