草庐IT

parent_station

全部标签

html - child 比最大高度的 parent 大。溢出没有影响

我想要一个具有最大高度的父元素和一个填充该父元素的子元素。如果子项的内容超出父项,则应出现滚动条。我试着这样解决:div.parent{max-height:50px;width:100px;border:1pxsolidblack;}div.child{height:100%;overflow-y:auto;}abcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcde不幸的是,这并没有像预期的那

html - child 比最大高度的 parent 大。溢出没有影响

我想要一个具有最大高度的父元素和一个填充该父元素的子元素。如果子项的内容超出父项,则应出现滚动条。我试着这样解决:div.parent{max-height:50px;width:100px;border:1pxsolidblack;}div.child{height:100%;overflow-y:auto;}abcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcde不幸的是,这并没有像预期的那

html - 在 child 悬停时改变 parent 的CSS

我想在悬停子元素时更改父元素的css。PrivateLimitedCompanyContactIndustry我想要的是,如果我将鼠标悬停在submenu的li上,ma​​in-menu的li会突出显示。 最佳答案 如前所述,没有父级选择器,但如果您意识到您已经将鼠标悬停在父级上,则可以实现您想要的结果。一个粗略的例子:#main-menu>li:hover>a{background-color:#F00;}#main-menu>li>.submenu>li:hover{background-color:#00F;}PrivateL

html - 在 child 悬停时改变 parent 的CSS

我想在悬停子元素时更改父元素的css。PrivateLimitedCompanyContactIndustry我想要的是,如果我将鼠标悬停在submenu的li上,ma​​in-menu的li会突出显示。 最佳答案 如前所述,没有父级选择器,但如果您意识到您已经将鼠标悬停在父级上,则可以实现您想要的结果。一个粗略的例子:#main-menu>li:hover>a{background-color:#F00;}#main-menu>li>.submenu>li:hover{background-color:#00F;}PrivateL

html - 位置 :fixed and width:inherit with percentage parent

我正在尝试为fixed元素指定父级百分比的width(此处为#container)。当我使用像素而不是百分比时,它就起作用了。我该怎么做?这可以通过CSS实现吗?HTMLSitenameCSS#outer{width:300px;border:1pxsolidyellow;}#container{width:90%;/*WhenIusee.g250pxitworks.ButIneeditinpercentage*/border:1pxsolidred;height:300px;}#fixed{position:fixed;width:inherit;border:1pxsolidgre

html - 位置 :fixed and width:inherit with percentage parent

我正在尝试为fixed元素指定父级百分比的width(此处为#container)。当我使用像素而不是百分比时,它就起作用了。我该怎么做?这可以通过CSS实现吗?HTMLSitenameCSS#outer{width:300px;border:1pxsolidyellow;}#container{width:90%;/*WhenIusee.g250pxitworks.ButIneeditinpercentage*/border:1pxsolidred;height:300px;}#fixed{position:fixed;width:inherit;border:1pxsolidgre

jquery - 检测 html parent 是否被隐藏

我想检测页面上的特定HTML元素何时隐藏。这通常是由于父元素(可能几层以上)被隐藏而发生的。有没有一种简单的方法可以检测到这一点。或者我是否需要遍历DOM并检查每个父级? 最佳答案 $(foo).is(":hidden")可以在当前的jQuery版本中为您解决这个问题。 关于jquery-检测htmlparent是否被隐藏,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/37915

jquery - 检测 html parent 是否被隐藏

我想检测页面上的特定HTML元素何时隐藏。这通常是由于父元素(可能几层以上)被隐藏而发生的。有没有一种简单的方法可以检测到这一点。或者我是否需要遍历DOM并检查每个父级? 最佳答案 $(foo).is(":hidden")可以在当前的jQuery版本中为您解决这个问题。 关于jquery-检测htmlparent是否被隐藏,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/37915

html - 响应式设计 : how to have text input and button stay 100% width of parent

非常简单的问题...我现在正在用float百分比对其进行破解(但我知道必须有更好的解决方案)请查看我的照片作为示例。我想让父级保持100%的宽度,搜索框是一个自动宽度,始终保持在搜索按钮旁边,我希望搜索按钮能够增长到它想要的宽度(取决于文本在里面/填充)。 最佳答案 更新(Flexbox方式!)现在实现这一目标的正确方法是使用Flexbox!CSS“Flexbox”方式(https://jsfiddle.net/1jxkyLdv/)/*CSS**********************************************

html - 响应式设计 : how to have text input and button stay 100% width of parent

非常简单的问题...我现在正在用float百分比对其进行破解(但我知道必须有更好的解决方案)请查看我的照片作为示例。我想让父级保持100%的宽度,搜索框是一个自动宽度,始终保持在搜索按钮旁边,我希望搜索按钮能够增长到它想要的宽度(取决于文本在里面/填充)。 最佳答案 更新(Flexbox方式!)现在实现这一目标的正确方法是使用Flexbox!CSS“Flexbox”方式(https://jsfiddle.net/1jxkyLdv/)/*CSS**********************************************