CSS浮动内部带有溢出的DIV

Question

我有这个HTML：http://jsfiddle.net/mW2Jh/3/。

<div style="width:200px;overflow-x:auto">
    <table style="background-color:yellow" width="400px" height="200px">
        <tr>
            <td>first column</td>
            <td>second column</td>
            <td style="width:20px;">BTN</td>
        </tr>

我希望BTN列“附加”到容器div的右侧。如果我水平滚动，我希望按钮始终在右侧。如果我垂直滚动，我希望按钮与表格行一起滚动。解决方案可能适用于所有浏览器。

旧代码使用了css表达式（仅适用于IE <= 8）

谢谢并对我的英语表示歉意。

- bdn02

---

你能再解释一遍吗？哈哈，太模糊了。 :) - bumbumpaw

模糊的，是这个吗？http://jsfiddle.net/mW2Jh/5/ - valerio0999

你想让第三列固定不动吗？始终可见？ - A J

如果你需要在水平滚动时始终显示按钮（但仍然可以垂直滚动），这是使用jQuery的一种解决方案 http://jsfiddle.net/mW2Jh/26/ - cdMinix

谢谢cdMinix，这就是解决方案！ - bdn02

请检查此链接（http://jsfiddle.net/mW2Jh/35/）是否能帮助您。 - Tushar

Answer 1

使用jQuery，使用文档的scrollLeft()属性即可！这将起作用。

$(window).scroll(function(event) {
   $(id).css("margin-left", 400-$(document).scrollLeft());
});

参见

http://jsfiddle.net/zhQkq/9/

- Rana