173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
[코드캠프] 강력한 CSS
안녕하세요 선생님. 잘 이해가 안가서 그러는데요, css강의중 float레이아웃 파트의 20분쯤에 보시면 float와 clear에 관한 내용들이 나옵니다. float를 적용해주고, clear로 float적용해줬던 것을 지워주는 개념인가요? 그렇다면 애초에 float를 사용하지 않으면 굳이 clear로 지워줄 필요가 없을텐데 왜 float를 만드는 것이며 왜 clear로 굳이 float를 "어떤 작용"을 하여서 핸들링 해주는 걸까요? ("어떤 작용"에 대해서는 분명 눈으로는 "어떤 작용"을 한다는게 보이긴 하는데 이게 어떤것인지는 표현을 못하겠습니다 ㅠㅠ)
미해결
[하루 10분|C++] 누구나 쉽게 배우는 C++ 프로그래밍 입문
int r = 3이라고 하고 원의 넓이를 구하면 28.2743만 출력이 되어 나오는데, float형은 소숫점 6자리까지 출력이 가능하지 않나요? C언어와 C++에서 출력되는 자료형이 다른건가요??
미해결
HTML,CSS 개발을 위한 핵심 가이드
질문이 곧 내용입니다. 4분 영상 내용에서 float를 무시하지않고 인지해주려면 clear:left;를 작성하라고 하셨는데 footer를 float:left;로 써도 똑같던데 왜 그런가요??
해결됨
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
CSS로 HTML 가로 배치하기(float, overflow, clear, inline-block) 두 가지 질문인데요. 1. left에는 float:left 를 적용하고 right 에는 float:right; 적용하면 잘 배치가 되는데요. float:right 를 적용하지 않은 상태가 궁금하였습니다. 그랬더니 이렇게 동일한 너비값으로 보이는데요 right가 가려진 것으로 이해해야하나요? 뒷부분 강의에서 section 아래 article 를 적용할때는 float:left;를 주면 3개의 artile이 나란히 가로로 배치가 되잖아요. div하고 seaction article태그의 차이인가요? ---------------------------------------------------------------------------------------------------------------------------------- 2. 가로배치하는 두번째 방법인 inline-block 일때요. box-sizing:border-box 속성이 궁금해서 seaction 너비를 600으로 지정하고 article 보더값이 넘쳐서 배치되지 않는 것을 box-sizing를 줘봤는데요. 위의 float 방법에서처럼 가로로 배치가 되지 않네요. 이 부분도 궁금해서 질문드립니다.
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
안녕하세요, 재미있게 강의 듣고있습니다. 강의자료 (python 예제 파일에서) annotation(주석)이 잘못 달려있는 것 같아서 문의드립니다. chapter03_01.py 의 L141-150 에서 형변환이라는 중요한 주제를 다뤄주시는데, print(int(True)) # Bool -> 정수 print(float(True)) # Bool -> 실수 (False) 부분도 마찬가지 여야 하는 것으로 이해했는데, 예제파일 주석에는 int, float 둘다 # Bool -> 정수 라고 명시되어있는 것으로 확인됩니다. 답변 주시면 감사하겠습니다. 감사합니다.
해결됨
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
탭메뉴 열심히 만들고 있었는데 갑자기 배너 이미지가 갤러리 탭 밑으로 가버렸습니다. 원인을 찾다가 도저히 모르겠어서 질문 드립니다. 감사합니다. <! DOCTYPE html > < html lang = "ko" > < head > < meta charset = "UTF-8" > < title > 산업대학교 </ title > < link rel = "stylesheet" href = "css/style.css" > </ head > < body > < div class = "container" > < div class = "header-inner" > < header > < div class = "header-logo" > < a href = "#none" >< img src = "images/logo-b4-header.png" alt = "headerlogo" ></ a > </ div > < div class = "navi" ></ div > </ header > </ div > < div class = "content-inner" > < div class = "slide" > < div > < a href = "#none" >< img src = "images/slide-b4-01.jpg" alt = "slide1" ></ a > < a href = "#none" >< img src = "images/slide-b4-02.jpg" alt = "slide2" ></ a > < a href = "#none" >< img src = "images/slide-b4-03.jpg" alt = "slide3" ></ a > </ div > </ div > < div class = "items" > < div class = "news" > < div class = "tab-inner" > < div class = "btn" > < span > 공지사항 </ span > </ div > < div class = "tab1" > < a href = "#none" > 산업대학교 동문회장배 자선골프대회 < b > 2016-09-12 </ b ></ a > < a href = "#none" > 개교 100주년 기념 야외 오페라 초청 < b > 2016-09-10 </ b ></ a > < a href = "#none" > 동문회장 및 운영위원장 후보자 추천 < b > 2016-09-09 </ b ></ a > < a href = "#none" > 진행위원회(정회원) 선발 결과 < b > 2016-09-07 </ b ></ a > < a href = "#none" > 산업대학교 동문회 개최일 변경 < b > 2016-08-30 </ b ></ a > </ div > </ div > </ div > < div class = "gallery" > < div class = "tab-inner" > < div class = "btn" > < span > 갤러리 </ span > </ div > < div class = "tab2" > < a href = "#none" >< img src = "images/gallery-b4-01.jpg" alt = "gallery1" ></ a > < a href = "#none" >< img src = "images/gallery-b4-02.jpg" alt = "gallery2" ></ a > < a href = "#none" >< img src = "images/gallery-b4-03.jpg" alt = "gallery3" ></ a > </ div > </ div > < div class = "banner" > < a href = "#none" >< img src = "images/banner-b4-01.jpg" alt = "banner" ></ a > </ div > </ div > </ div > < div class = "footer-inner" > < footer > < div class = "copyright" > < div ></ div > < div ></ div > </ div > < div class = "family-site" > <!-- <select> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> </select> --> </ div > </ footer > </ div > </ div > < script src = "script/jquery-1.12.4.js" ></ script > < script src = "script/custom.js" ></ script > </ body > </ html > @charset "utf-8" ; body { margin : 0 ; background-color : #fff ; color : #333333 ; font-size : 15px ; } a { color : #333333 ; text-decoration : none ; } .container {} .header-inner { border : 1px solid red ; } header { width : 1200px ; margin : auto ; height : 100px ; } header div { border : 1px solid yellowgreen ; height : 100px ; } .header-logo { width : 200px ; float : left ; line-height : 130px ; } .navi { width : 600px ; float : right ; } .content-inner {} .slide { border : 1px solid green ; width : 1200px ; margin : auto ; } .slide > div { height : 300px ; } .items { /* border: 1px solid red; */ width : 1200px ; margin : auto ; overflow : hidden ; } .items > div { /* border: 1px solid pink; */ height : 200px ; float : left ; box-sizing : border-box ; } .news { width : 425px ; } .gallery { width : 425px ; } .banner { width : 350px ; } .footer-inner { border : 1px solid red ; } footer { width : 1200px ; margin : auto ; overflow : hidden ; } footer > div { border : 1px solid blue ; height : 100px ; float : left ; box-sizing : border-box ; } .copyright { width : 1000px ; } .copyright div { border : 1px solid green ; height : 50px ; } .family-site { width : 200px ; height : 100px ; } /* slide */ .slide { width : 1200px ; height : 300px ; position : relative ; overflow : hidden ; } .slide > div { width : 3600px ; font-size : 0 ; position : absolute ; top : 0 ; left : 0 ; animation : slide 10s linear infinite ; } @keyframes slide { 0% { left : 0 ; } 30% { left : 0 ; } 35% { left : -1200px ; } 65% { left : -1200px ; } 70% { left : -2400px ; } 95% { left : -2400px ; } 100% { left : 0 ; } } /* news & gallery */ .tab-inner { width : 95% ; margin : auto ; } .btn {} .btn span { border : 1px solid #000 ; width : 100px ; display : inline-block ; padding : 5px ; background-color : #fff ; text-align : center ; border-radius : 5px 5px 0 0 ; border-bottom : none ; margin-bottom : -2px ; } .tab1 , .tab2 { border : 1px solid #000 ; padding : 0 15px ; height : 160px ; } .tab1 a { display : block ; padding : 5px ; border-bottom : 1px solid #000 ; } .tab1 a:last-child { border-bottom : none ; } .tab1 a b { float : right ; font-weight : normal ; } .tab2 { text-align : center ; } .tab2 img { width : 120px ; padding-top : 25px ; } .banner img { width : 95% ; }
미해결
float가 4바이트지만 오류발생? 등을 방지하기 위해 8바이트에 넣는다고 하셨는데, 이게 float도 8바이트에 넣는 "경향"이 있는 건가요 아니면 8바이트로 바꾸도록 처음부터 설계되어있는 건가요?
