草庐IT

Fill_Parent

全部标签

html - 将子 Div 绝对定位在 Fluid Parent 中

我试图在map上放置一个指针,该指针始终位于父级div的同一位置。这是fiddle-https://jsfiddle.net/mfgdp3j3/想法是让pin始终保持在图像/浏览器改变大小的相同位置,因此如果浏览器为1000px=pin与map为350px时相同的位置(相同位置我指的是图像上的位置).快速代码:*{margin:0;padding:0}html{position:relative;}#main_container{max-width:1000px;}#map_container{width:100%;position:relative;padding:0;margin:

android - CardView layout_width ="match_parent"与父 RecyclerView 宽度不匹配

我有一个fragment,其中包含一个RecyclerView,layout_width="match_parent":RecyclerView中的项目也是CardView,layout_width="match_parent":我将项目View放大如下:publicMyAdapter.ViewHolderonCreateViewHolder(ViewGroupparent,intviewType){CardViewv=(CardView)LayoutInflater.from(parent.getContext()).inflate(R.layout.card_listitem,nu

android - CardView layout_width ="match_parent"与父 RecyclerView 宽度不匹配

我有一个fragment,其中包含一个RecyclerView,layout_width="match_parent":RecyclerView中的项目也是CardView,layout_width="match_parent":我将项目View放大如下:publicMyAdapter.ViewHolderonCreateViewHolder(ViewGroupparent,intviewType){CardViewv=(CardView)LayoutInflater.from(parent.getContext()).inflate(R.layout.card_listitem,nu

html - 如何在不使用 float :left so it wont change the default parent div height 的情况下将文本对齐到 img 的右侧

如何将文本与示例图片中的图像图标的右侧对齐。我通常会使用“float:left”,但它用于移动响应设计,所以我不喜欢使用“float:left”之类的东西,因为它会破坏红色div响应式设计的高度。我必须对齐标题、副标题和一个小方形图像。 最佳答案 很容易使用float:left并且不会打破红色边框div的高度。您只需将display:table-cell添加到.app_topblock。这是解决方案:.app_top{display:table-cell;}.app_topimg{float:left;}查看工作示例。Here'st

html - 图像最大尺寸根据 parent 的行高

是否可以使用纯CSS根据其父级的行高制作内联图像大小(比例)?考虑这个设置:HTML:texttexttextCSS:p{line-height:16px;}img{display:inline;vertical-align:middle;}我想要的是图像被缩放到16像素的高度,段落的line-height也是如此。这可能吗?请注意:我对HTML和CSS的更改持开放态度,但我不追求JS解决方案。 最佳答案 这很好用:img{height:1em;} 关于html-图像最大尺寸根据pare

html - Chrome : can't position one absolute div over another when the parent is fixed

我发现当我想要位于顶部的div的父级固定时,我无法在Chrome中将一个绝对定位的div定位在另一个之上:这是一个演示问题的JSFiddle:http://jsfiddle.net/SEJhg/你应该看到在Chrome中,z-index为10的黄色绝对定位div出现在z-index:1的绿色绝对定位div后面,因为父级的位置是固定的。Firefox等其他浏览器在绿色div之上显示黄色div。关于如何在Chrome中解决这个问题有什么建议吗?我无法改变parent的固定位置。谢谢! 最佳答案 您遇到的是Chrome中相对较新的行为,引

html - 当我使用位置 :absolute in child block it does not refer parent block?

这个问题在这里已经有了答案:Positionabsolutebutrelativetoparent(5个答案)关闭9年前。在HTML中,当您在子block中使用position:absolutecss属性时,绝对值不是从父标记中获取的,而是从整个浏览器窗口引用的。示例代码如下所示。CSS.parent{width:400px;height:400px;border:1pxsolidgreen;}.child{position:absolute;width:200px;height:200px;border:1pxsolidred;bottom:0px;}

html - 继承 parent 的高度不起作用

我希望.row中的.cols继承.row的高度并使.cols固定在.row内。这是fiddle..http://jsfiddle.net/Hhf8R/我的想法是让它像一个表格但使用div。像这样:http://jsfiddle.net/hhUtb/ 最佳答案 为了使div达到其父元素高度的100%,父元素必须具有定义的高度。浏览器无法计算100%(或继承)尚未完全呈现的内容。 关于html-继承parent的高度不起作用,我们在StackOverflow上找到一个类似的问题:

html - 使用文本溢出 : ellipsis; on a parent div when the child is an input

我在父div中有多个非换行的内联子元素,它们的width和text-overflow设置为ellipsis.当最后一个child是anchor标记时,省略号工作正常,但当它是输入时,文本只是剪辑。因为前面的元素是可变宽度的,所以我无法在最后一个输入上设置合理的最大宽度。.parent{width:120px;background:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}link1textLoremipsumdolorlink2text有什么建议吗?这是一个JSFiddle.

html - Div滚动,与 parent

我有一个分区。这个div包含一个很长的列表。此列表自动变为可滚动。然后这个div位于另一个div中,它填满了整个屏幕。滚动效果很好,但只有当鼠标悬停在内部div上时才有效,该div实际上包含所有数据。但我希望滚动能够工作,当鼠标悬停在父div上时,也就是填满整个屏幕的那个。我该怎么做?您可以在此处查看示例:https://openage.org/fs/jsl_forritun/?page=hlutir当鼠标悬停在较暗的部分时,它不会滚动。/: 最佳答案 你有两个包含内容主体的divid="nhreyfing"给他这个样式paddin