• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

여기까지 했는데 side_banner가 왼쪽으로 안옮겨지는 이유가 뭘까여? ㅠㅠ

20.10.19 09:30 작성 조회수 96

0

<!DOCTYPE html>

<html lang="ko">

<head>

    <meta charset="UTF-8">

    <title>Document</title>  

<style>

    #header {width:500px; border:1px solid #cccccc; font-size: 2em; font-weight:bold; text-align: center;}

    

    #wrap{width:500px; border:1px solid #cccccc; overflow: hidden;}

    #content {float:left; border:1px solid #cccccc;}

    #side_banner {float:left;border:1px solid #cccccc;}

    #footer {width:500px; border:1px solid #cccccc; font-size: 2em; font-weight:bold; text-align: center; background-color: azure;}

</style>

</head>

<body> 

    <div id="header"> 

        header

    </div>

    

    <div id="wrap">

        <div id="content"></div>

            <ul>

                <li>menu1</li>

                <li>menu2</li>

                <li>menu3</li>

                <li>menu4</li>

                <li>menu5</li>

            </ul>

        <div id="side_banner"></div>

        <img src="#"/>

    </div>

    

    <div id="footer">

        footer

    </div>    

</body>

</html>

답변 1

답변을 작성해보세요.

0

doran2322님의 프로필

doran2322

2020.12.28

#content에 width=200px; 줘보세요 ㅎ