草庐IT

css-calc

全部标签

html - CSS3 : Transparent Rounded Corner Problem

网站位于:CLICKTOVIEWTHEWEBSITE这是问题的图片:如您所见,使用CSS3border-radius和background:transparent我能够从div中制作出看起来像“切口”的东西。问题应该很明显,Angular落也是透明的。我知道我可以只使用图像,问题就会得到解决,但我想使用CSS3。我认为可能有一些巧妙的方法可以解决这个问题,但我没有想到。我确实想指出,我正在使用css3pie.com以允许IE6到IE8CSS3功能。 最佳答案 这有点hacky此规则适用于p标签-webkit-box-shadow:#

css - 如何在固定高度 div 后制作无限 div?

这个问题在这里已经有了答案:Makeadivfilltheheightoftheremainingscreenspace(40个答案)关闭8年前。假设我有2个分区。第一个的高度为100px。最后一个应该从第一个结束到网站结束。我尝试了所有我知道的方法:当我将它设置为100%时,它会占据整个网站,所以100像素太多了。当我在不设置高度的情况下尝试时,我得到的只有我写的那么多。

css - 如何在固定高度 div 后制作无限 div?

这个问题在这里已经有了答案:Makeadivfilltheheightoftheremainingscreenspace(40个答案)关闭8年前。假设我有2个分区。第一个的高度为100px。最后一个应该从第一个结束到网站结束。我尝试了所有我知道的方法:当我将它设置为100%时,它会占据整个网站,所以100像素太多了。当我在不设置高度的情况下尝试时,我得到的只有我写的那么多。

html - 是否有可用于 CSS 重置的 HTML 测试文件?

有很多CSSresets.我正在为移动设备构建一些东西,我想尽可能多地跳过不必要的CSS,所以我想知道是否有exhaustiveHTMLtestpage我可以运行一些CSSresets反对测试他们?测试规则也是了解需要哪些边缘案例、它们的目标是什么以及原因的好方法。 最佳答案 您当然可以跳过重置中您知道不会使用的任何标签。例如,如果您从不使用定义列表,请跳过dl、dt和dd重置。请记住,CSS重置只是一个起点,因此您可以合理地确定您的页面在不同浏览器中看起来是一样的。 关于html-是否

html - 是否有可用于 CSS 重置的 HTML 测试文件?

有很多CSSresets.我正在为移动设备构建一些东西,我想尽可能多地跳过不必要的CSS,所以我想知道是否有exhaustiveHTMLtestpage我可以运行一些CSSresets反对测试他们?测试规则也是了解需要哪些边缘案例、它们的目标是什么以及原因的好方法。 最佳答案 您当然可以跳过重置中您知道不会使用的任何标签。例如,如果您从不使用定义列表,请跳过dl、dt和dd重置。请记住,CSS重置只是一个起点,因此您可以合理地确定您的页面在不同浏览器中看起来是一样的。 关于html-是否

html - 即使在 css 中使用百分比值,网页元素也会相互重叠

我有一个结构如下的页面。我想将页面分成6个部分,所以我制作了6个外部div。titleofpagesection1section2section3问题是,当我尝试在firefox或chrome中使用Ctrl++放大页面时的内容div彼此重叠,即使我指定了所有属性,如top、width、height、left百分比。现在因为百分比是相对单位,所以这不应该发生。#header{position:absolute;top:2%;width:90%;height:50%;}#pageTitle{position:absolute;top:30%;left:20em;}.section{marg

html - 即使在 css 中使用百分比值,网页元素也会相互重叠

我有一个结构如下的页面。我想将页面分成6个部分,所以我制作了6个外部div。titleofpagesection1section2section3问题是,当我尝试在firefox或chrome中使用Ctrl++放大页面时的内容div彼此重叠,即使我指定了所有属性,如top、width、height、left百分比。现在因为百分比是相对单位,所以这不应该发生。#header{position:absolute;top:2%;width:90%;height:50%;}#pageTitle{position:absolute;top:30%;left:20em;}.section{marg

CSS:3 个非典型包装的 div

我正在尝试实现一些非典型的div行为,所以我不确定这是否可行。我有三个水平相邻的div:A、B和C(从左到右)。当浏览器调整大小时,或者如果用户的浏览器窗口太小,我希望divB低于divA,而不是divC低于divA的典型行为。此代码演示了典型行为:Title.box{display:inline-block;margin:4px;background:#ccc;width:200px;}divadivbdivchttp://jsfiddle.net/P5xLx/当我将divA和B放在一个表格单元格中,将divC放在另一个表格单元格中时,我可以让divB低于divA。唯一的问题是包含这

CSS:3 个非典型包装的 div

我正在尝试实现一些非典型的div行为,所以我不确定这是否可行。我有三个水平相邻的div:A、B和C(从左到右)。当浏览器调整大小时,或者如果用户的浏览器窗口太小,我希望divB低于divA,而不是divC低于divA的典型行为。此代码演示了典型行为:Title.box{display:inline-block;margin:4px;background:#ccc;width:200px;}divadivbdivchttp://jsfiddle.net/P5xLx/当我将divA和B放在一个表格单元格中,将divC放在另一个表格单元格中时,我可以让divB低于divA。唯一的问题是包含这

html - CSS/HTML 代码无效,字体未应用

当我尝试运行此CSS/HTML代码时(这是在webkit浏览器中),它不起作用。输入框中的字体是没有应用Lato字体:DumbSearch.box{padding:20px;width:290px;box-shadow:0px1px3px-1px#c3c3c3;background-color:white;color:gray;font-family:Lato;text-align:left;}Touchtoscan非常感谢!提前!编辑:看这里:http://pastehtml.com/view/cokmdi9yg.html 最佳答案