CODEWITHSUNDEEP
htmlcss
user3784251
user3784251

Reputation: 520

Fix the width for inner div same as outer div

this is my html (for example)

<div id="wrap">
    Some relative item placed item
    <div id="fixed">hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</div>
</div>

here is my css:

#wrap{ 
    float: left;
    position: relative;
    width: 80%; 
    background:#ccc; 
}
#fixed{ 
    width:inherit;
}

I want to make the second div that is 'fixed' to have same width as the first 'wrap'. I tried a lot, but i can't do it. Is it possible to do this without any javascript?

Any suggestion..please.

here is the fiddle for this: http://jsfiddle.net/sris/tktdf1kk/

Upvotes: 1

Views: 417

Answers (1)

James
James

Reputation: 3805

You need to leave your width alone. Divs already expand 100% of their containing div. The reason your text is not wrapping is because it's all one word. Add the CSS:

#fixed {
    word-wrap: break-word;
}

Upvotes: 1

Related Questions