[問題] 文繞圖設定使得版面設定移位..
如題
目前有一個區塊的設定如下：
<div class="right">
<div class="top"> </div>
<div class="middle">
<div class="article">
<img src ="xxxxx" class="pic">
</div>
</div>
<div class="bottom"></div>
</div>
right是文章的一個大區塊
其中top,middle,bottom是為了設定區塊的框線而區分的
article裡面是存放文章和表格，目前為止都沒有發生問題，
但是當我在裡面加入一張圖片，並設置他的float為left時
(希望文繞圖呈現)板面卻跑掉了@@
原本是 ╭─────────────────╮ ← top區塊
├─────────────────┤
│ 我是文章區我是文章區我是文章區 │ ← middle(article)區塊
│ 我是文章區我是文章區我是文章區 │
╰─────────────────╯ ← bottom區塊
變成
╭─────────────────╮
├─────────────────┤
│┌─────┐ 我是文章區我是文章 │
││ 圖片 │ 我是文章區我是文章 │
│ │╰──────────
│ │
└─────┘
也就是middle區塊並沒有變長，而且float的設定不知道為什麼 把在下面的
bottom區塊也擠到旁邊去了@@
如果有哪位朋友知道如何解決這個問題 麻煩跟我說一下
謝謝..
加上 clear:both;
╭─────────────────╮
├─────────────────┤
│┌─────┐ 我是文章區我是文章 │
││ 圖片 │ 我是文章區我是文章 │
│ │
│ │
└─────┘
╰─────────────────╯
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.135.253.93
※ 編輯: Lecwar 來自: 220.135.253.93 (08/05 17:48)
推
08/05 18:04, , 1F
08/05 18:04, 1F
→
08/05 18:06, , 2F
08/05 18:06, 2F
→
08/05 18:08, , 3F
08/05 18:08, 3F
→
08/05 18:08, , 4F
08/05 18:08, 4F
※ 編輯: Lecwar 來自: 220.135.253.93 (08/05 18:10)
→
08/05 18:29, , 5F
08/05 18:29, 5F
→
08/05 20:44, , 6F
08/05 20:44, 6F
※ 編輯: Lecwar 來自: 220.135.253.93 (08/05 20:44)