[fallenreaper]

I have the following code:

<div id="parent">
  <div id="images"><img src="..."/><img src="..."/><img src="..."/><img src="..."/><img src="..."/><img src="..."/><img src="..."/></div>
  <textarea style="width:100%; height:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></textarea>
</div>

when i scale #parent width or height, for some reason, my textarea was not readjusting to fit within the #parent div box. My thing is that #images will expand and shink to fit all of the contents, and then the remaining space will be populated by the textarea.

I tried to think that the 100% would work, but that will just make the text area the same size as the parent in both dimensions. Is there a way to be like width = #parent-#images or something?

[Astalor]

Hello there!

The only issue I can see with you not being able to make the textarea shrink within the parent div is that lack of any sizing on the #parent to actually require anything to resize in the first place.

<style>
	#parent
	{
		width: 500px;
		height: 500px;
	}
</style>

After applying the above code to yours, the textarea in question resized within the #parent with the images aligned top-right of the textarea.

Is there any CSS you forgot to include?