How can I do width = 100% - 100px in CSS?

Question

In CSS, how can I do something like this:

width: 100% - 100px;

I guess this is fairly simple but it is a bit hard to find examples showing

Answer 1

Are you using standards mode? This solution depends on it I think.

If you're trying to make 2 columns you could do something like this:

    

        sidebar
    
    

        lorem ispsum etc... 
    

Then use CSS to style it:

div#outer
{
    width:100%;
    height: 500px;
}

div#left
{
    width: 100px;
    height: 100%;
    float:left;
    background: green;
}

div#main
{
   width: auto;
   margin-left: 100px; /* same as div#left width */
   height: 100%;
   background:red;
}

If you don't want 2 columns you can probably remove

0 讨论(0)

查看其它18个回答

发布评论:

提交评论

---

•  加载中...