草庐IT

component-parent

全部标签

html - parent 和 child 高度相同,为什么会有垂直滚动条?

我希望我的.sideBar和.contentHolder元素在.displayContainer中。问题是.displayContainer渲染了一个不必要的垂直滚动条。水平滚动条可以,但垂直滚动条就没必要了。我检查并发现.displayContainer和子元素具有相同的计算高度。那为什么会有垂直滚动条呢?谁能告诉我如何删除它?body,html{margin:0px;padding:0px;border:0px;height:100%;width:100%;}.displayContainer{height:100%;width:100%;overflow:auto;white-s

javascript - Web Components,将数据传入和传出

我的理解是,数据通过其属性传递到自定义html元素,并通过调度CustomEvent发送出去。JavaScript对象显然可以在事件的detail字段中发送出去,但是如果元素需要向其中传递大量数据怎么办。有没有办法在JavaScript中为它提供一个对象。例如,如果元素包含需要动态初始化或更改的可变数量的部分(例如,具有可变行数的表格)怎么办?我可以想象设置和修改由组件内部解析的JSON字符串组成的属性,但感觉这并不是一种优雅的处理方式:或者您可以让元素监听来自外部的包含数据负载的事件吗? 最佳答案 传入数据如果你真的想要/需要将大

html - Img 的最大高度不尊重 parent 的尺寸

我在液体div中有一个img元素。该img的max-height设置为100%。因此,如果图像比div高,它应该呈现为与div一样高。.png文件的原始大小为200x200。在我的浏览器中,div显示为284x123。因此,img应以123x123呈现,以保持其纵横比。但是,img超出了div的范围,仍然显示为200x200。我似乎不明白为什么会这样。这在Chrome上发生,但在Firefox上没有发生(我上次尝试过)。可以看到当前状态here(http://paginas.fe.up.pt/~ei07171/test/)。如果将鼠标悬停在图片的左侧侧,您会看到一个灰色箭头,即我所说的

javascript - "position: fixed"parent旋转和平移时div不固定

"position:fixed"的div嵌入到父div中。当父级旋转或平移时,子级div也会移动。这是一个错误吗?我希望子div保持固定。HTML片段:查看重现:http://jsfiddle.net/PseKK/我知道我可以通过对子div应用反向转换来修复它,但出于实际场景中的性能原因,我正在寻找一种不涉及额外转换的解决方案。知道如何克服吗? 最佳答案 这是转帖,答案在原问题中Positionsfixeddoesn'tworkwhenusing-webkit-transform不幸的是这是一个错误,但似乎有办法解决它。

HTML 列表元素 : Sharing the parent width into equal parts

我有一个parent和一对其中的元素。Item1Item2Item3Item4有什么方法可以让我的列表项以均分父级宽度(800px)的方式排列,并且每个项都具有相同的宽度?IE。每个将占用200像素的宽度。我不想硬编码这个值。是否有任何样式属性可以做到这一点?我不想硬编码20%之类的宽度,因为列表项是动态添加的。有时可能是4、5或6 最佳答案 试试这个:http://jsfiddle.net/QzYAr/有关display:table-cell的详细信息:Isthereadisadvantageofusing`display:tab

jquery - parent 与最亲近的人

为什么这样做:$('.button_30').click(function(){$(this).closest('.portlet').find('.portlet_content').text("foo");});​为什么这不起作用:$('.button_30').click(function(){$(this).parent('.portlet').find('.portlet_content').text("foo");});​html看起来像这样:headercontenthereresultsgohereheadercontenthereresultsgohere

javascript - 媒体源错误 : This SourceBuffer has been removed from the parent media source

我正在试用Chrome中可用的新MediaSourceAPI。我正在尝试将二进制数据从WebSocket动态附加到视频媒体源。从https://html5-demos.appspot.com/static/media-source.html的例子开始,我的代码目前是:varwebsocket=newWebSocket('ws://localhost:8080');websocket.binaryType='arraybuffer';varmediaSource=newMediaSource();varbuffer;varqueue=[];varvideo=$('.video')[0];

html - 只为 parent 而不是 child 申请CSS

我有一个像这样的无序列表:list1Sublist1Sublist2Sublist3list2Sublist1Sublist2Sublist3我现在只想为第一个列表应用CSS,而不是它的子列表ul和li。我尝试了以下操作:.listulli{background:#ccc;}...但是背景颜色应用于所有列表。应该怎么做才能只更改父项而不更改子项的CSS。 最佳答案 为此使用直接后代运算符>:.list>ul>li{...}>运算符仅选择作为其之前元素的直接子元素的元素。但是请注意,尽管没有直接为其分配任何背景颜色,但该列表项内的任何

html - 将div内部的div设置为滚动,而parent不滚动

我有一个包含许多子div的容器div。我的容器中的一个div包含评论。我不想将整个div设置为滚动,而是希望一切都留在原地,只留下评论div滚动。我试过将父溢出设置为隐藏,将评论div设置为滚动,滚动条实际上​​显示在页面上但被禁用。有谁知道我怎样才能做到这一点?CSS#container{position:absolute;overflow:hidden;}#comments{position:relative;overflow:scroll;}HTMLthisiswhatIwanttoscroll我无法摆脱容器,因为它包含更多的子元素。我只希望其他一切都保持静态,而只有评论可以滚动

html - Bootstrap Accordion 按钮切换 "data-parent"不工作

我正在尝试使用Bootstrap3创建Accordion,使用带有数据属性的可折叠按钮,没有Accordion标记。它对我来说看起来更干净。但是我无法使data-parent属性起作用。我想在打开一个问题时,所有其他人都关闭。我正在阅读文档(http://getbootstrap.com/javascript/#collapse-usage),但仍然无法正常工作。我正在使用以下代码:Question1?Etiamposuerequamacquam.Maecenasaliquetaccumsanleo.Nullamdapibusfermentumipsum.Etiamquisquam.I