草庐IT

absolute_relative_col

全部标签

html - 为什么 "position: absolute; left: 0; right: 0; width: XYpx; margin: 0 auto"实际上居中?

我在CSS方面非常精通,但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中,但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0,它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0

html - 为什么 "position: absolute; left: 0; right: 0; width: XYpx; margin: 0 auto"实际上居中?

我在CSS方面非常精通,但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中,但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0,它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0

html - CSS 位置 : relative; stick to bottom

somedynamicallychangedcontent我期待什么:-如果#test高度大于或等于body的高度,它应该粘在底部(因为它现在发生在block模型中)-如果#test高度小于body的高度,它应该贴在底部,上面有空白。(这不会发生,#test不会停留在底部)。-使用position:absolute是NotAcceptable,因为当#test高于body时#test不会影响body高度。-使用position:fixed是NotAcceptable,因为这样#test将粘在窗口底部,而不是主体。问:仅使用css可以得到我期望的结果吗?怎么办?抱歉,英语不好,但我认为这

html - CSS 位置 : relative; stick to bottom

somedynamicallychangedcontent我期待什么:-如果#test高度大于或等于body的高度,它应该粘在底部(因为它现在发生在block模型中)-如果#test高度小于body的高度,它应该贴在底部,上面有空白。(这不会发生,#test不会停留在底部)。-使用position:absolute是NotAcceptable,因为当#test高于body时#test不会影响body高度。-使用position:fixed是NotAcceptable,因为这样#test将粘在窗口底部,而不是主体。问:仅使用css可以得到我期望的结果吗?怎么办?抱歉,英语不好,但我认为这

html - Twitter Bootstrap 3 删除 RIGHT margin 和 padding on a row and col-12

我在我的Asp.NetMVC5元素中使用TwitterBootstrap3.0LESS源代码。我使用顶部导航栏(asgivenhere),然后在布局页面中添加几行。我对行使用以下内容以占用100%的页面宽度://MoreHTMLcode但这会在每一行的右侧添加一个额外的填充。这还会在页面上添加一个水平滚动条,并且当​​将页面滚动到右侧时,可以看到整个页面的空白垂直间距。移除每行的margin-right和所有col-md-12的padding-right可以更正布局。但是,我认为这不是正确的做法。知道如何在生成的bootstrap.css中一劳永逸地删除那些不必要的边距和填充吗?

html - Twitter Bootstrap 3 删除 RIGHT margin 和 padding on a row and col-12

我在我的Asp.NetMVC5元素中使用TwitterBootstrap3.0LESS源代码。我使用顶部导航栏(asgivenhere),然后在布局页面中添加几行。我对行使用以下内容以占用100%的页面宽度://MoreHTMLcode但这会在每一行的右侧添加一个额外的填充。这还会在页面上添加一个水平滚动条,并且当​​将页面滚动到右侧时,可以看到整个页面的空白垂直间距。移除每行的margin-right和所有col-md-12的padding-right可以更正布局。但是,我认为这不是正确的做法。知道如何在生成的bootstrap.css中一劳永逸地删除那些不必要的边距和填充吗?

html - CSS Positioned Absolute Element,父边界之外的自动宽度?

因此,我将我的父元素定位为相对位置,以便让工具提示元素绝对定位在其内部的顶部。我知道您需要添加“左:0,右:0”,这样元素的宽度仍然可以设置为自动,我已经这样做了。但是,我的父元素有一个固定的宽度,工具提示被限制到这个宽度,所以自动宽度不能超出它,有什么办法解决这个问题吗?CSS:.parent{position:relative;width:100px;height:100px;}.tooltip{position:absolute;top:0;left:0;right:0;margin:0auto;text-align:center;width:auto;padding:5px10

html - CSS Positioned Absolute Element,父边界之外的自动宽度?

因此,我将我的父元素定位为相对位置,以便让工具提示元素绝对定位在其内部的顶部。我知道您需要添加“左:0,右:0”,这样元素的宽度仍然可以设置为自动,我已经这样做了。但是,我的父元素有一个固定的宽度,工具提示被限制到这个宽度,所以自动宽度不能超出它,有什么办法解决这个问题吗?CSS:.parent{position:relative;width:100px;height:100px;}.tooltip{position:absolute;top:0;left:0;right:0;margin:0auto;text-align:center;width:auto;padding:5px10

html - 位置 :absolute causes horizontal scrollbar

绝对定位(侧面黄色广告)div在调整窗口大小时(尺寸减小)超过它们时会导致不需要的水平滚动条。只有当窗口小于主#container时滚动条才会出现,并且这些广告div不应影响布局。他们是否被覆盖并不重要。HTML:Link1Link2Link3Link4adadLoremipsumplaceholdertextCSS:body,html{height:100%;}body{margin:0;}#topbar{width:100%;background-color:#DCDCDC;height:40px;position:absolute;}#menu{width:250px;backg

html - 位置 :absolute causes horizontal scrollbar

绝对定位(侧面黄色广告)div在调整窗口大小时(尺寸减小)超过它们时会导致不需要的水平滚动条。只有当窗口小于主#container时滚动条才会出现,并且这些广告div不应影响布局。他们是否被覆盖并不重要。HTML:Link1Link2Link3Link4adadLoremipsumplaceholdertextCSS:body,html{height:100%;}body{margin:0;}#topbar{width:100%;background-color:#DCDCDC;height:40px;position:absolute;}#menu{width:250px;backg