«css-float» 태그된 질문

CSS에서는 overflow:hidden부동 자식의 높이로 확장 할 수 있도록 부모 컨테이너에 설정됩니다. 그러나 함께 결합하면 또 다른 흥미로운 기능이 있습니다 margin: auto... PREVIOUS 형제가 부동 요소 인 경우 실제로 나란히 표시됩니다. 즉, 형제가 float:left있는 경우 컨테이너가 float:none overflow:hidden형제의 오른쪽에 나타나고 개행이 없습니다. 마치 정상적인 흐름에서 떠있는 것처럼 보입니다. 이전 형제가 있으면 …

100 css  overflow  css-float  center  hidden 

다음 코드가 있습니다. <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> 내 문제는 …

98 css  html  css-float 

나는 div그 div안에 떠 다니는 s 를 감싸기 위해 검정색 인 바깥 쪽을 원합니다 . 내가 사용하려는 해달라고 style='height: 200px에 div와 outerdiv내가 (예를 들어, 부동 자동으로 컨텐츠의 높이로 원하는 아이디 div들). <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red 1px …

94 css  html  css-float 

CSS를 사용하여 div를 두 개의 열로 분할하려고 시도했지만 아직 작동하지 않았습니다. 내 기본 구조는 다음과 같습니다. <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> 오른쪽 및 왼쪽 div를 각각의 위치 (오른쪽 및 왼쪽)로 플로팅하려고하면 콘텐츠 div의 배경색을 무시하는 것 같습니다. 그리고 …

90 css  html  css-float 

다음 마크 업이 있습니다. <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> 텍스트가 줄 바꿈되면 이미지의 '열'에 들어 가지 않도록하고 싶습니다. 나는 내가 table(내가하고 있던) 그것을 할 수 있다는 것을 알고 있지만 이것은 이런 이유로 실행할 수 없습니다 . 나는 성공하지 않고 다음을 시도했습니다. li span {width: …

87 css  css-float  word-wrap 

브라우저가 너무 좁아서 맞지 않는 경우 줄 바꿈되지 않는 div (셀) 행을 갖고 싶습니다. 스택을 검색했지만 간단한 CSS 질문이어야한다고 생각하는 작업에 대한 답변을 찾을 수 없습니다. 셀에 지정된 너비가 있습니다. 그러나 행의 너비를 지정하고 싶지는 않지만 너비는 자동으로 자식 셀의 너비가되어야합니다. 뷰포트가 너무 좁아 행을 수용 할 수없는 경우 div가 …

84 html  css-float  word-wrap 

동일한 줄에 두 개의 요소가 왼쪽으로 떠 있고 오른쪽으로 떠 있습니다. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> element2가 element1 옆에 정렬되어 둘 사이에 약 10 픽셀의 패딩이 필요합니다. 문제는 element2의 너비가 콘텐츠와 브라우저 (글꼴 크기 등)에 따라 …

84 html  css  css-float  margin