子Div不随滚动移动

父元素（ylAlertDiv）是自定义的弹出层，整个结构是这样的：

<!-- 预览弹框-->
<div id="ylAlertBg"></div>
<div id="ylAlertDiv">
    <div id="pre_head"><span id="pre_s">预览公告</span><span id="pre_canel">×</span></div>
    <div id="pre_wrap">
        <div id="pre_title">
            <p></p>
        </div>
        <div id="pre_con">
            <div id="pre_time"></div>
            <div id="pre_source"></div>
            <div id="pre_labs"></div>
            <div id="pre_content"></div>
        </div>
        <div id="pre_but">
            <input type="button" class="release_button" id="fb_gonggao" value="发布">
            <input type="button" class="release_button pre_back" value="返回">
        </div>
    </div>
</div>
<!-- 预览弹框结束-->

父元素（ylAlertDiv）设置了：

overflow: auto;
position: fixed;

现在想让子元素（pre_head）不随滚动而移动，始终保持在顶部位置。

求方法！！这里先谢过了~

---

给pre_wrap定高，然后指定overflow-y，只要pre_head的高度加上pre_wrap的高度不超过ylAlertDiv就行。

---

看了你的代码，这样小改动一下则衣食无忧
1.去掉ylAlertDiv的滚动条，保留fixed
2.给pre_wrap加上滚动条

---

<div id="pre_head"><span id="pre_s">预览公告</span><span id="pre_canel">×</span></div>
这个相对父元素再规定定位

---

我感觉给 pre_head 添加一个float：top 的样式，然后让下面的 pre_wrap元素添加一个margin-top：pre_head的高度PS：这个高度需要自己调整