Why div can't occupy the desired width space?

Question

I found if I specify div with only width CSS attribute, the div will not occupy the width I claimed, see:

                <div style="width: 300px;">    
                </div>

It will never occupy 300px space.

Is it possible that I want an empty DIV occupies 300px width?

discussed already :http://stackoverflow.com/questions/4171286/how-to-make-a-div-no-content-also-have-a-width/4171384#4171384 — ArK, Nov 29 '10 at 07:27
Is it possible that you want an empty DIV to occupy 300px? Probably, otherwise you wouldn't have asked :P — aefxx, Nov 29 '10 at 07:27

score 3 · Answer 1 · answered Nov 29 '10 at 07:26

3

You either need to add content or set a height. Otherwise an empty div will not appear because its height is determined by its contents.

answered Nov 29 '10 at 07:26

prodigitalson

Usually I just place in an – Oliver M Grech Nov 29 '10 at 07:28
3

thats a last resort for me. If i can set the height or the min-height then i do that. I hate adding ` ` as expanding content. – prodigitalson Nov 29 '10 at 07:30

score 2 · Accepted Answer · edited Jun 20 '20 at 09:12

2

See Example

You need to specify something or a space to achieve that:

<div style="width:300px; border:1px solid black;">&nbsp;</div>

The border was given to show width but you can remove it.

edited Jun 20 '20 at 09:12

Community

answered Nov 29 '10 at 07:27

Sarfraz

Is there any other workaround rather than specifying `height` and `empty content(&nbsp)` – Deepak Ingole Mar 21 '14 at 04:29

score 0 · Answer 3 · answered Nov 29 '10 at 12:42

0

height must be specified in order to make it visible.

answered Nov 29 '10 at 12:42

Jogendra