问题是这样的,想做一个box,这个box有一个边框,我想在这个边框上放上一个小按钮,譬如说 close按钮。于是我写了一个absolute的按钮,把它定位到box的边框上。这时候我看不到这个button,它去哪里了?debug窗口可以看到这个元素是有高度,宽度的。
这时候我发现box上有一个overflow:hidden属性, 它不会被hidden了吧?
果不其然去掉了这个属性,小按钮就重新出现了。
去测试了一下,确定了position是从padding的地方开始定位的,top:0,left:0会让元素左上角和padding左上角重合,如果有overflow:hidden属性在padding外面的那部分就被hidden了.
然后我去掉它父元素的定位属性,让这个button按照body定位,这个时候它又能出现在父元素的外面了。