margin 相关问题

Firefox 正文边距错误？

我有这个简单的例子： 项目 项目 项目 项目 ... 我有这个简单的例子： <header> <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li class="clear"></li> </ul> </header> <section>section</section> 还有这段CSS： BODY, HTML{ margin: 0; } header{ margin-bottom: 100px; /* section goes down */ } UL{ list-style-type: none; } UL LI{ float: left; background: green; } .clear{ clear: both; float: none; } section{ background: red; } 因此，预计“标题”会直接到达左上角，然后是 100 像素边距，然后是“部分”。在所有主要浏览器中都按预期工作，但在 Firefox（版本 16）中，“标题”由于某种原因获得额外的边距顶部。 这是一个错误吗？ 这是一个 jsfiddle 示例：http://jsfiddle.net/AvZek/2/ 顺便说一句 如果我使用clearfix而不是“clear”类，那么它工作得很好。 毫无疑问，这是一个错误。边距绝对不应该存在。 根据 Firebug，我可以看到计算出的唯一非零边距与 margin-bottom: 100px 元素上的 header 与 CSS 中的相同。其他一切都是零。 即使 Firebug 的 DOM 检查器也难以识别它；它从不突出显示该区域，但当您检查 html 本身时（它突出显示为内容区域的一部分），这是一个明显的例外。 我发现了大量的错误报告，这些报告作为这个报告的重复项而被关闭，还有更多的测试用例。另外，它看起来至少从 Firefox 2 就已经存在了。 不要用非语义和不必要的空 <li>-s 污染您的代码，只需将 overflow: hidden 添加到您的 <ul> HTML <header> <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> </header> <section>section</section> CSS ul { list-style-type: none; overflow: hidden; } 演示 您可以使用 {padding-bottom:100px;} 代替边距来实现此目的..

为什么我无法向上移动此图像？ CSS问题

我试图弄清楚如何使用纯CSS让存根图像更接近导航栏。我尝试使用translateY（）值将图像推高，使用“底部”和“顶部”值......

边距取决于屏幕尺寸和宽度可变

我想根据屏幕尺寸在左侧创建可变边距。 屏幕宽度为 1351px，边距应为 12.583vw， 当屏幕宽度为 2250px 时，边距应为 29.802vw。 怎么...

如何消除列中小部件之间的间隙？

我有一个带有两个容器的列。没有填充，没有边距。 尺寸完美契合。 但尽管如此，我还是在小部件之间发现了亚像素间隙。它在模拟器和真实设备上可见...

制作一个从左向右滚动的画廊，但滚动中的第一个元素以 margin-left auto 开头，以便其居中

我正在尝试做一个小项目并且想知道 我现在有这样的页面：https://meowrhino.github.io/profilePics/ 并希望画廊能有一个像我一样的卷轴......

CSS 谜题：margin auto + left + right 计算是如何工作的？

我玩过这个布局：1个响应式div，有两个相等的部分和一个紫色固定大小的div，应该响应式地放置在左侧部分的中间（无论如何调整br的大小...

删除滑动元素之间的边距

我正在使用 swiperjs.com 的滑块： https://codesandbox.io/p/sandbox/vrs48z?file=%2Findex.html%3A9%2C45 我想知道是否有办法消除幻灯片之间的边距空间。 我...

在两个按钮之间添加空格

我有一个 LinearLayout，里面有两个按钮。按钮在布局中间相互接触，我想在它们之间添加一些空间。它们是水平方向的，我想

左右浮动时图像边距不同

如何根据图像的对齐方式设置图像的“智能”边距？我的网站有富文本格式的页面，由 django-ckeditor 提供支持。当用户插入图像（或图形元素时...

分页符上的 CSS 边距

我正在开发一个小型个人网站，该网站也需要可打印。该网站本身的结构很简单：主体作为背景，有一个具有固定宽度的容器子项...

CSS 边距和填充

我尝试删除CSS代码中的填充和边距，但它不起作用。我不知道该怎么办，因为我三天前开始 CSS 编程，而且我已经观看了 CSS 课程。 我尝试使用 * 标签来

Chrome/Safari 和 Firefox 之间奇怪的边距差异

最近设计了一个网站（http://willryan.us/typefun01），主要是使用Chrome一边编码一边测试。我最近注意到某些部分的末尾发生了一些奇怪的事情，...

如何在横幅广告上方和下方添加边距或填充

我想在横幅广告的上方和下方添加一小段边距。请问最好的方法是什么？ 我的代码： 我想在横幅广告的上方和下方添加一小段边距。请问最好的方法是什么？ 我的代码： <androidx.coordinatorlayout.widget.CoordinatorLayout android:id="@+id/cont" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:orientation="vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <com.google.android.gms.ads.AdView android:id="@+id/adView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:visibility="gone" ads:adSize="FULL_WIDTHx50" ads:adUnitId="@string/admobid" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottomnavigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:background="@color/white" android:theme="@style/Theme.AppCompat.DayNight" android:visibility="gone" app:itemIconTint="@drawable/bottombar_properties" app:itemTextAppearanceActive="@style/BottomNavigationView.Active" app:itemTextAppearanceInactive="@style/BottomNavigationView.Inactive" app:itemTextColor="@drawable/bottombar_properties" app:labelVisibilityMode="labeled" app:layout_behavior="@string/appbar_scrolling_view_behavior" app:menu="@menu/bottomnav_menu" /> </LinearLayout> </androidx.coordinatorlayout.widget.CoordinatorLayout> <include layout="@layout/url_bar" /> </RelativeLayout> 我尝试通过设计视图添加，但失败了，因为默认情况下横幅是隐藏的，如果我尝试取消隐藏它，一切都会出错。 使用 android:layout_marginTop 在横幅广告上方添加边距，使用 android:layout_marginBottom 添加底部边距。 要在 AdView 上方和下方添加边距，您可以使用 android:layout_marginTop 和 android:layout_marginBottom 属性。将这些属性添加到您的 AdView 元素中，如下所示： <com.google.android.gms.ads.AdView android:id="@+id/adView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="8dp" <!-- Adjust the top margin as needed --> android:layout_marginBottom="8dp" <!-- Adjust the bottom margin as needed --> android:visibility="gone" ads:adSize="FULL_WIDTHx50" ads:adUnitId="@string/admobid" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 在这个例子中，我添加了 android:layout_marginTop="8dp" 和 android:layout_marginBottom="8dp"。您可以根据您的设计偏好调整这些值。这些值表示与密度无关的像素 (dp) 的边距。您也可以使用其他单位，例如 sp 或 px。 此外，值得注意的是，如果您想以编程方式切换 AdView 的可见性，可以使用 setVisibility 方法在 Java/Kotlin 代码中执行此操作。例如： AdView adView = findViewById(R.id.adView); adView.setVisibility(View.VISIBLE); // To show the ad // or adView.setVisibility(View.GONE); // To hide the ad

尽管使用框大小调整，边距仍添加到总宽度中

我遇到了一个问题，即我的元素的边距被添加到它们的总宽度中，而不是在计算宽度之前被考虑在内，尽管使用了 box-sizing: bor...

内边距和边距有什么区别？

在 W3 CSS 中以及在 XUL/CSS 中？ （不在 CSS 和 XUL/CSS 之间）。

如何让我的导航ul li背景填满整个导航栏？

我正在为我的网页设计课程简介创建一个简单的网站。我正在尝试制作一个包含六个列表项的居中导航栏。当用户将鼠标悬停在某个项目上时，背景会从青色变为白色......

CSS - 网页顶部的白边距

我已经尝试了所提供解决方案的所有可能组合来消除该余量，例如： 身体 { 边距：0！重要； 填充：0！重要； } 和 * { 边距：0 像素； 帕迪...

如何使用 CSS 过渡将 div 从屏幕外滑入绝对布局？

我有一个绝对定位的div网格（网格由不同形状的矩形组成，这些矩形组合在一起形成一个大矩形）。 我正在尝试通过 h...

使用 sdp 以编程方式更改边距

我正在使用compile 'com.intuit.sdp:sdp-android:1.0.3' api来设置线性布局的边距，如下所示 我正在使用 compile 'com.intuit.sdp:sdp-android:1.0.3' api 来设置这样的线性布局的边距 <LinearLayout android:id="@+id/layout_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/_10sdp" android:layout_marginTop="@dimen/_10sdp" android:padding="@dimen/_8sdp" android:orientation="vertical"> </LinearLayout> 现在，当我以编程方式更改边距时，它会在 dp 中更改，而不是在 sdp 中更改 LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); params.setMargins(0, 10, 10, 0); layout_message.setLayoutParams(params); 那么如何根据 sdp 以编程方式更改边距？谢谢你 你可以试试 对于Java int margin = getResources().getDimensionPixelSize(R.dimen._10sdp); params.setMargins(0, margin, margin, 0); 对于 Kotlin，正如 Zohab Ali 所指出的 resources.getDimensionPixelSize(R.dimen._10sdp) 我正在寻找这个问题的答案https://stackoverflow.com/a/40417241/3768019对我有用👍🏻

在 Google Maps API v.3 中使用统一的偏移/边距在现有多边形内创建新的多边形

我有一个多边形，想在其中创建一个新的多边形，该多边形与周围边缘的间隔恰好为 5 米。 我的想法是计算质心，然后得到外层po的每个点...