clearfix

0热度

1回答

目前，我有一个包含大量内容的clearfix。我在左边有几组图像，右边有<hr />。唯一的问题是，有时我没有足够的文本来平衡图像，所以<hr />与图像内嵌。我需要所有的<hr />免费的clearfix，这是可能的吗？这是我clearfix： .clearfix::after { content: ""; clear: both; display: table;

0热度

3回答

我如何覆盖WordPress主题中的以前的样式？

好吧，这是我想要的造型使用 .suggestion-taxonomies-product-visibility span { display: inline-block; float: left; padding-left: 10px; } 通常这里提到的元素似乎没有工作，任何想法？如果需要，我可以指定更多。我是新手，并不擅长指定我的问题！谢谢

2热度

1回答

与流体宽度内容嵌套clearfix

考虑这种情况：有一个与流体宽度内容的布局，并漂浮在正确的固定侧栏。所述布局的容器正在使用clearfix来清除右边的浮动内容在内容块中还有另一个块正在执行相同的操作。该第二块扩展到侧栏的高度，直到完全离开侧边栏的浮动与它的:after { clear: both } 演示： https://jsfiddle.net/pv6e93px/1/ 实施例的HTML： <section class="l

0热度

1回答

Clearfix不能使用固定宽度的列

我是Bootstrap的新手，我遇到clearfix问题。我试图设计一个网站，其中包含3个内容栏（高度可变）和一个固定宽度的第4栏用于广告。 <div class="container-fluid">  <div class="col-fixed-width"></div> <!--

1热度

1回答

重叠部分，部分内容超出本部分

我有问题：第一部分 - 头部是附件固定的，当我缩小浏览器窗口时，背景只覆盖该部分的一小部分，剩下的内容是在另一部分之下，或完全不在背景之下。正如你将会看到的，只有打开这个页面到全屏才能解决问题，这些部分看起来是正确的。相比之下，减小窗口会导致该部分崩溃并跳过另一个。原因可能是缺少明确的问题，还是问题是由于每个部分缺乏定位？ https://codepen.io/tubaris/pen/YQQewB

0热度

1回答

Clearfix不能在div中处理视频

我尝试了很多不同类型的clearfixes，但都没有工作。我正在尝试制作一个全宽视频标题，其中包含文本，但您也可以向下滚动。这是我有： HTML： <div> <div style="width: 100%; position: relative;" class="video-container clearfix"> <video autoplay loop style="w

0热度

1回答

100％高度div消失

我正在尝试一种包含内容框外侧阴影的液体网页设计。该卡都可以在这里看到：http://mikesidelka.com/2/ 所以我试图做到这一点，通过具有内容为包含分区之一，并在一个单独的阴影。这似乎是正确的，除了当窗口收缩超过定义的最小宽度时。阴影包含在设置为100％宽度和高度的div容器中，最小宽度为882px（700px最小宽度的内容加上两个阴影设置为91px最小宽度）。左边和右边的阴影在

0热度

2回答

使div调整其高度绝对定位儿童

我有一个div元素（默认定位）包含和h1和一个链接，它们都有绝对定位。自然，div元素高度崩溃。我如何让div元素调整到它的两个孩子的身高？我已经尝试过标准的clearfixes，将溢出设置为auto，并将div的位置设置为relative（这是我发现的另一个帖子的建议），但没有一个能够工作。我做了一个jsfiddle，说明我的问题。 HTML代码： <div> <h1>the di

0热度

1回答

Div在引导程序中没有额外的clearfix时不会堆叠

我对引导程序比较陌生，并创建了第一个带有大的jumbotron和3个水平对齐列的主页面。全部包括下面的一个图像和文字。看到这里代码： <div class="jumbotron jumbotron-billboard"> <div class="img"> </div> <div class="container"> <div class="content">

0热度

1回答

添加条件ngFor外部循环

我想添加类与clearfix的div，但我需要将其添加到循环外。有什么办法来实现这一点？ <div class="row"> <div class="col-xs-12 col-md-3 item" *ngFor="let item of items; let i = index;"> <div class="header"> <img src="{{item.