조정 가능한 부모 div를 콘텐츠에 맞추기 위해 고군분투하고 있습니다. (오른쪽의 넓어진 공백을 없애고 싶습니다) http://jsfiddle.net/TDq7T/42/
max-width : 및 width : fit-content 또는 auto, 함께 작동하지 않음
#parent {
display: block;
max-width:40%;
overflow:hidden;
background: rgba(255,255,255,1.0);
}
#child {
display: block;
width:50px;
height:50px;
background: rgba(0,0,0,1.0);
float:left;
margin: 10px;
}
디스플레이 모드, clip : auto, width : auto 변경을 시도했지만 다른 하위 부모를 추가했지만 아무 소용이 없습니다 :(
javascript를 사용하여 html 요소를 생성했기 때문에 javascript (jquery)로 스타일을 지정하는 것도 문제가되지 않을 것이라고 생각합니다.
function calculate_m_width() {
var d_width= $(document).width();
var m_width= Math.floor((d_width*.4)/70)*70;
$("#menu").css("width",m_width);
}
calculate_m_width();
window.onresize = function() {
calculate_m_width();
}
브라우저의 크기를 조정할 때마다 메뉴의 너비가 요소 수 x 너비 (50 + 2x10)로 다시 계산됩니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다