clearfix

    0热度

    1回答

    我想添加类与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.

    0热度

    1回答

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

    0热度

    3回答

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

    2热度

    1回答

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

    0热度

    1回答

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

    1热度

    1回答

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

    0热度

    1回答

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

    0热度

    1回答

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

    0热度

    2回答

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

    0热度

    1回答

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