[問題] DIV+Scroll+Margin
在下做某網頁時，發現有個東西試不出來，(突然覺得這好像是html+css的問題@@，可以
po在這嗎)
舉個例：
我想要做一個div，高100px、寬度要隨著營幕寬度而變動(一般都會先設成width:100%)，
並且有捲軸(overflow:scroll)。
但麻煩的是，我右邊不要碰到營幕，要固定空一段距離(例如200px)。
我想大家直覺會再加一條margin-right:200px吧，但實驗的結果，在firefox跟chrome都
不行，只有ie成功。
後來換一種做法，右邊想卡另一個div來撐，最後還是失敗。
以下列出失敗的code @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="" rel="nofollow">http://www.w3.org/1999/xhtml">
<head></head>
<body>
<div
style="width:100%;border-style:solid;border-width:1px;border-color:#ff0000;">
<div
style="width:100%;height:100px;overflow:scroll;float:left">
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="width:200px;border-style:solid;border-width:1px;border-color:#00ff00;"><nobr></nobr></div>
</div>
</body>
</html>
不知是否有人可以成功試出來，並且在ie、firefox、chrome都可行。
先謝謝了@@
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.166.135.235
推
12/16 01:47, , 1F
12/16 01:47, 1F
推
12/16 03:58, , 2F
12/16 03:58, 2F
→
12/16 03:58, , 3F
12/16 03:58, 3F
推
12/16 08:15, , 4F
12/16 08:15, 4F
推
12/16 23:19, , 5F
12/16 23:19, 5F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
