Home/ Questions/Q 7717325
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T02:52:05+00:00

I have a situation like this: +——————————————————————————+ | | | +—————————————————+ | | |

  • 0

I have a situation like this:

+------------------------------------------------------------------------------+
|                                                                              |
|                      +---------------------------------------------------+   |
|                      |                                                   |   |
| <-  fixed width  ->  | <-                flexible width               -> |   |
|                      |                                                   |   |
|                      +---------------------------------------------------+   |
|                                                                              |
| <-                         flexible width                                 -> |
|                                                                              |
+------------------------------------------------------------------------------+

What this is supposed to represent is an outer DIV and its child (also a DIV) appearing in the browser. The outer div takes up, say, 90% of the viewable area (width: 90%). If the screen is resized it will resize. It’s OK for it to have a minimum width.

The child div is meant to stay a fixed number of pixel from the left of the outer DIV (left: 200px).

I would like it to resize with its parent (i.e. childWidth = (parentWidth – 200) * .9).

Is it possible to do this with CSS / how?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, just add right: 0px to the inner div in addition to left.

    (also, try jsfiddle.net instead of ascii ;))

    • 0