草庐IT

some_div

全部标签

html - 如何保持 div 一定比例,但给它一个最大尺寸?

我试图让div元素保持特定比例(比如1:2),但保持宽度小于200像素。到目前为止我得到了什么:div{width:100%;height:0;padding-bottom:50%;max-width:200px;}它不起作用-如果我展开窗口,宽度会在200像素处停止扩展,但高度会继续增长!我试过设置box-sizing:border-box和max-height:100px,但都不起作用。我该怎么办?这是一个fiddle:http://jsfiddle.net/WVu3s/ 最佳答案 这是一个纯CSS解决方案,基于此post中的代

jquery - 计算div jquery中的左定位

几天前,我在webapps.stackexchange.com上问了以下问题:https://webapps.stackexchange.com/questions/54130/is-there-a-way-to-remove-overlaying-events-in-google-calendar到目前为止我没有得到任何好的答案,所以我决定编写自己的小脚本,根据重叠事件的数量改变事件的宽度。我想避免盒子重叠并希望它们堆叠。这是初始测试:下面是一个带有描述的基本脚本:$('[class^="tg-col"]').each(function(){//eachdaycolumn//(Mon

jquery - 计算div jquery中的左定位

几天前,我在webapps.stackexchange.com上问了以下问题:https://webapps.stackexchange.com/questions/54130/is-there-a-way-to-remove-overlaying-events-in-google-calendar到目前为止我没有得到任何好的答案,所以我决定编写自己的小脚本,根据重叠事件的数量改变事件的宽度。我想避免盒子重叠并希望它们堆叠。这是初始测试:下面是一个带有描述的基本脚本:$('[class^="tg-col"]').each(function(){//eachdaycolumn//(Mon

javascript - 根据保存在 localStorage 中的数据设置 <div> 的位置

我正在努力学习如何使用localStorage。部分模仿,我编写了html,它生成一个页面,其中包含一些您可以在页面周围拖放的图block。例如functiondrag_start(event){varstyle=window.getComputedStyle(event.target,null);varstr=(parseInt(style.getPropertyValue("left"))-event.clientX)+','+(parseInt(style.getPropertyValue("top"))-event.clientY)+','+event.target.id;ev

javascript - 根据保存在 localStorage 中的数据设置 <div> 的位置

我正在努力学习如何使用localStorage。部分模仿,我编写了html,它生成一个页面,其中包含一些您可以在页面周围拖放的图block。例如functiondrag_start(event){varstyle=window.getComputedStyle(event.target,null);varstr=(parseInt(style.getPropertyValue("left"))-event.clientX)+','+(parseInt(style.getPropertyValue("top"))-event.clientY)+','+event.target.id;ev

html - 如何让div一直垂直向下缩放?

我有以下情况,如图所示。灰色div是洋红色和蓝色div的父级。洋红色div随内容垂直缩放。我想让蓝色div始终缩放到包含灰色div的底部。我已经搜索并尝试了各种组合,但都没有效果。编辑:问题解决了!Container需要一个overflow:hidden,而我想拉伸(stretch)到底部(蓝色)的div需要padding-bottom:1000px;margin底部:-1000;(或者如果你需要更大) 最佳答案 我通过设置父级的div让这个工作(无论如何在Chrome中):position:absolute;和child的div:

html - 如何让div一直垂直向下缩放?

我有以下情况,如图所示。灰色div是洋红色和蓝色div的父级。洋红色div随内容垂直缩放。我想让蓝色div始终缩放到包含灰色div的底部。我已经搜索并尝试了各种组合,但都没有效果。编辑:问题解决了!Container需要一个overflow:hidden,而我想拉伸(stretch)到底部(蓝色)的div需要padding-bottom:1000px;margin底部:-1000;(或者如果你需要更大) 最佳答案 我通过设置父级的div让这个工作(无论如何在Chrome中):position:absolute;和child的div:

javascript - 如何在 DIV 中禁用突出显示(选择)文本

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:cssruletodisabletextselectionhighlighting如何在DIV中禁用突出显示(选择)文本?hello

javascript - 如何在 DIV 中禁用突出显示(选择)文本

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:cssruletodisabletextselectionhighlighting如何在DIV中禁用突出显示(选择)文本?hello

html - 内部 div 需要 100% 高度

这是我的HTML:容器是100%高度(我用Firebug检查过)。但是#left_container也需要100%,但事实并非如此!下面是我的CSS和一个screenshot.黄色应为100%。黄色是#left-container的背景html,body{height:100%;}#container{position:relative;margin:0auto;width:100%;height:100%;height:auto!important;min-height:100%;background:#fff;}#left-container{width:300px;backgro