Question about CSS float:left

Question

   <div style="width: 800px;border:1px solid black">
          <div style="width:100px;height:100px;float:left;border:1px solid black"></div>
          <div style="float:left">ssdfsdfsdfsdgfag25w6a4g8w5614w5sge16dgf45d4sdffffffffffffffffffffffffffffffffffffffffffffffffffffff5s4f64s6f456a46f456a456456456f456we4f54we5gf45456v4sd5646sadf54s56f465as4f564as56f</div>
          <div style="clear:both"></div>
    </div>

It end up like this: alt text how to fix it

iain · Accepted Answer · 2010-09-19 15:32:17Z

2

put a width on the 2nd child div. you will also need to put a space in that string as it cannot wrap it across lines.

 <div style="width: 800px;border:1px solid black">
          <div style="width:100px;height:100px;float:left;border:1px solid black"></div>
          <div style="float:left; width: 100px">ssdfsdfsdfsdgfag25w6a4g8w5614w5sge16dgf45d4sdffffffffffffffffffffffffffffffffffffffffffffffffffffff5s4f64s6f456a46f456a456456456f456we4f54we5gf45456v4sd5646sadf54s56f465as4f564as56f</div>
          <div style="clear:both"></div>
    </div>

answered Sep 19, 2010 at 15:32

iain

1,9951 gold badge16 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wouter Dorgelo · Accepted Answer · 2012-07-17 12:47:38Z

0

Set height to 100 to for main div

edited Jul 17, 2012 at 12:47

Wouter Dorgelo

12.1k12 gold badges67 silver badges80 bronze badges

answered Sep 19, 2010 at 15:32

Grumpy

2,2731 gold badge26 silver badges40 bronze badges

1 Comment

meotimdihia Over a year ago

i dont want set height for main div

Collectives™ on Stack Overflow

Question about CSS float:left

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related