Home/ Questions/Q 6760533
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T14:04:31+00:00

I have a question about css clear float . My question is when I

  • 0

I have a question about css clear float.

My question is when I declare div{float:left;} to all the page, then in some part, I still want some div display center of the screen, like width:960px;margin:0 auto. How to clear this div's float?

see code in: http://jsfiddle.net/37wnT/ and review in http://jsfiddle.net/37wnT/show/

I need div#nav and div#content these two div center of the screen, but other div still obey the rule float:left;

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have modified your code little bit. take a look.

    <html>
<head>
<style>
div.main{float:left;}
#header{width:100%;height:100px;}
#nav{clear:both;width:800px;margin:0 auto;}
.nav{width:200px;text-align:center;font:16px/150%;}
#wrap{width:100%;height:100%;}
#content{clear:both !important;width:960px;height:100%;margin:0 auto;}
.col{width:300px;height:300px;margin:0 10px 0 10px;background:red;display:block;}
</style>
</head>

<body>

<div id="header">
    <div id="nav">
        <div class="nav main">home</div>
        <div class="nav main">info</div>
        <div class="nav main">products</div>
        <div class="nav main">cantact</div>
    </div>
</div>
<div id="wrap">
    <div id="content">
        <div class="col main" >ds</div>
        <div class="col main">ds</div>
        <div class="col main">ds</div>
    </div>
</div>
</body>
</html>
    • 0