CSS 화면을 최소화 할 때 div를 고정 폭으로 유지하십시오.

Question

안녕하세요 여러분은 테이블 외부에 div가 있으며 사용자가 화면을 최소화 할 때 div를 동일한 크기로 유지하길 원합니다.

CSS :

message_box, 

{ 
background-color:#EEEECC; 
border: #CCCCAA thin solid; 
margin: 0 auto; 
padding: 5px; 
text-align: center; 
font-family: arial, sans-serif; 
font-size: 10pt; 
margin-bottom: 10px; 
} 

HTML :

<div class="message_box" style="width: 60%"> 

Answer 1

기본적으로 내가 페이지를 최소화 할 때 폭이 60 %에 머물하지 축소하려면 : 다음의 행함은 무엇인가

요소를 width:60%으로 설정하면 요소의 크기가 부모 요소의 60 %가된다는 의미입니다.

<div class="message_box">의 부모 요소가 더 좁아지면 <div class="message_box">도 좁아집니다.

<div class="message_box">을 60 % 너비라고 말하면 정확히 무엇을 의미합니까? 무엇의 60 %?

<div class="message_box" style="width: 300px"> 

Answer 2

추정 :

당신이 <div class="message_box">의 폭은 사용자가 브라우저 창 크기를 조절하면 픽셀의 폭을 설정해야합니다, 예를 변경 픽셀의 특정 숫자, 그리고하려는 경우

즉, 사용자가 창 크기를 조정할 때 div가 부모 요소의 60 %를 유지하게하려는 것입니다. 이 경우이 같은 일을해야 : 사업부는 부모 요소가

.message_box{ 
    background-color:#EEEECC; 
    border: #CCCCAA thin solid; 
    margin: 0 auto; 
    padding: 5px; 
    text-align: center; 
    font-family: arial, sans-serif; 
    font-size: 10pt; 
    margin-bottom: 10px; 
    position:absolute; 
    left:0; 
    right:60%; 
} 

경우,이 요소가 설정 폭이 있는지 확인하고 것은, 당신은 정적을 유지해야 CSS를 position:relative

Answer 3

속성이있다 픽셀, 600px (또는 원하는 크기)로 값을 지정하십시오.