我正在网站上的用户之间建立私人对话。我喜欢 Facebook 私人消息 UI,并计划以类似方式实现它。
我很难实现这一点,因为它使用不同的 css 位置来正确对齐屏幕上的元素。这是我总结的问题。
- 宽度应该是放置它的可用宽度的 100%。那主要是自动的。
- 高度应该从当前点到页面末尾。如果我使用
position: fixed
我会以某种方式丢失点 (1) 的自动宽度并且需要手动设置它。 - 这是最棘手的。如何将写入消息定位在底部,但如何让消息在其容器内具有自动高度,基于其容器高度并写入消息存在?
我正在网站上的用户之间建立私人对话。我喜欢 Facebook 私人消息 UI,并计划以类似方式实现它。
我很难实现这一点,因为它使用不同的 css 位置来正确对齐屏幕上的元素。这是我总结的问题。
position: fixed
我会以某种方式丢失点 (1) 的自动宽度并且需要手动设置它。