Question

我尝试使用此代码在页脚之前添加一些额外的bckground：

#main-footer::before {
   content: " ";
   background: url("/bottom.png") no-repeat;
   background-size: 100%;
   width: 100%;
   min-width: 100%;
   display: block;
   position: absolute;
   height: 140px;
   bottom: 0;
}

但元素挂在网站中间的某个地方。你能帮我理解为什么会这样，我在这里做错了什么？这是网址：http://webconcept.hekko24.pl/mr/

Answer 1

将ListView添加到您的using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Media; public class CustomListView : ListView { private object _header; private object _footer; protected override void OnApplyTemplate() { base.OnApplyTemplate(); Loaded += OnLoaded; } private void OnLoaded(object sender, RoutedEventArgs args) { Loaded -= OnLoaded; var scrollViewer = FindChild<ScrollViewer>(this); if(scrollViewer == null) return; scrollViewer.ViewChanged += ScrollViewerOnViewChanged; } private void ScrollViewerOnViewChanged(object sender, ScrollViewerViewChangedEventArgs args) { if (Header != null) { _header = Header; Header = null; } if (Footer != null) { _footer = Footer; Footer = null; } // TODO start a timer which will restore the header and footer after a specified amount of time when this event is not fired } private static T FindChild<T>(DependencyObject parent) where T : DependencyObject { var childCount = VisualTreeHelper.GetChildrenCount(parent); for (var i = 0; i < childCount; i++) { var elt = VisualTreeHelper.GetChild(parent, i); if (elt is T) return (T)elt; var result = FindChild<T>(elt); if (result != null) return result; } return null; } }。

绝对定位元素需要具有相对父元素才能获得其大小。

Answer 2

position: absolute从文档流中删除元素，因此它的行为独立于所有其他元素。尝试将其更改为position: relative。如果这还没有解决，为什么不使用更简单的方法来使用<br>标记或 

Wordpress - 在页脚元素

2 个答案: