1回答
我有两个div容器，一个有边框，一个没有边框。
在这两个容器中，我得到了一个p段落，其边距为1em。
显然，这两个容器应该有相同的高度。
令人惊讶的是，火狐、Chrome、Safari和IE的情况并非如此。
CSS:
p { display: block; margin: 1em }
HTML:
<div>
<p></p>
</div>
<div style="border: 1px solid black">
<p></p>
</div>
这种
浏览 3提问于2013-07-19得票数 3
回答已采纳
下面是我的代码：
...
<STYLE>
body{
position: static;
height: 95%;
width: 95%;
border: 2px;
border-style: solid;
border-radius: 5px;
border-color: black;
background-color: pink;
}
<STYLE>
...
<body>
<DIV id="div_1" >
<DIV id="div_
浏览 2提问于2014-07-22得票数 0
交易是这样的。我有带有css的父div，如：
.parent{box-sizing: border-box; height: 60px; border: 1px solid green;}
具有css的子div：
.child{height:inherit;background: red}
下面是标记：
.parent {
box-sizing: border-box;
height: 60px;
border: 1px solid green;
}
.child {
height:inherit;
background: red;
}
<div class=&
浏览 1提问于2017-11-15得票数 0
回答已采纳
3回答
我有以下几点：
HTML
<body>
<div id="header"></div>
<div id="logo"></div>
<div id="container">
<h1>Welcome message</h1>
text text text text text text text text text text text text text text
</div>
&
浏览 0提问于2012-12-11得票数 0
回答已采纳
1回答
我试图重新创建一个网站，并以某种方式定位图标。目前，我有一个黑色导航栏左边的图标。我希望黑色导航条延伸到页面底部，我也希望图标被分开。
下面是CSS代码：
#left_nav {
border: solid black;
}
#left_nav i {
color: gray;
padding-right: 35%;
padding-left: 35%;
margin-top: 60%;
}
HTML代码：
<div id="left_nav" class="grid_2 alpha">
<i clas
浏览 7提问于2014-08-05得票数 0
回答已采纳
1回答
我正在寻找一个聪明的方式，有一个边界周围的整个网站。
问题是，我有一个固定的div .teaser-image，它的背景应该与属性width: 100%和height: 100%一起扩展到整个视口，所以我也必须将html和body设置为这些值，否则固定的div仅与其内容一样高。
当我将边框添加到body中时，它只环绕100%的高度，但不延伸到整个站点。
有什么办法解决这个问题吗？
HTML
<div class="teaser-image"></div>
<header>
<h1>Headline</h1>
浏览 1提问于2014-07-12得票数 0
3回答
我有这样的HTML：
<div class="select-wrapper">
<select name="type">
<option value="test">test</option>
</select>
</div>
和css：
#search-box .select-wrapper {
display: inline-block;
padding: 6px;
background: #eaeced;
}
#s
浏览 8提问于2014-08-20得票数 2
回答已采纳
1回答
enter code here
所以，我在玩jquery可调整大小的游戏，并在小提琴链接中给出了一个例子。
我遇到的问题是锚的位置。当我在我的div上有任何大小的边框时，我希望锚在最外面的角落。目前，锚只位于元素的角处。有没有办法根据我的边框大小来更新锚的位置？这有可能吗？
另外，我希望锚可以像现在一样工作，无论它们位于何处，它们只应该调整div元素本身的大小。
浏览 1提问于2014-08-28得票数 1
回答已采纳
我想删除最后一个使用css的子程序的边框。我正在使用下面的html：
<div class="dividers">
<div class="clone_container">
<img src="clone.png"/>
<a class="button-link">Clone</a>
</div>
<div class="delete">
<img
浏览 3提问于2014-05-10得票数 2
回答已采纳
有时，当我希望winforms控件也停靠在父容器(通常是UserControl)的右侧或底部时，它的边框会延伸到父级的右侧或底部边框之外，因此它的一部分不再可见。即使锚点设置为右。
只有在应用程序运行时才会发生这种情况。只要我在designer视图中，一切看起来都很好。
例如，我所要做的就是将控件的"Anchor“属性设置为"Right”。
有没有办法避免这种情况？
在此屏幕截图中，您可以看到分组框"Transition“延伸到它的父级延伸到右侧。
谢谢!
浏览 7提问于2009-05-12得票数 0
回答已采纳
我有下面的代码在HTML中的页脚。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel = "stylesheet" type="text/css" href="style_testfooter.css">
</head>
<body>
<div clas
浏览 0提问于2018-05-13得票数 0
1回答
反映CSS全屏高度
、、、
我正在构建一个带有物化CSS的反作用web应用程序，我想了解一下我的全屏组件的一些问题。我试图实现的是非常简单的:我希望边栏和内容从以下图像使用100%的屏幕高度。
/************************** Dashboard.js ************************/
import React from "react";
import "../../style.css";
export default function Dashboard() {
return (
<div className="
浏览 0提问于2020-05-03得票数 0
回答已采纳
我在我的CSS中有以下内容。所有边距/填充/边框全局重置为0。
#wrapper{width: 75%; min-width: 800px;}
.content{text-align: justify; float: right; width: 90%;}
.lbar{text-align: justify; float: left; width: 10%;}
现在当我把我的HTML写成
<div id="wrapper">
<div class="content">
some text here
<
浏览 2提问于2011-03-21得票数 140
回答已采纳
2回答
因此，我目前对整体角度还不太熟悉，所以我的CSS知识并不太大，我试图为一个定制的侧边栏填写div，但是除非我在div中添加了某种内容，否则它实际上不会填充到min-height: 100%;中，我从height: 100%,开始，并且尝试了height: auto;，并删除了填充和边距。
导致我的路由器出口，这导致了我的SideBar组件。
Styles.css
html {
min-height: 100%;
overflow: hidden;
}
body {
min-height: 100%;
background-image: url('assets/Imag
浏览 5提问于2020-12-18得票数 0
回答已采纳
4回答
我有这样的代码
<div class="container">
<div class="section">
<div class="left">
a profile pic and some text
</div>
<div class="right">
a wider div with much more text and some bio info
</div>
</div>
我希望在两个
浏览 0提问于2011-02-09得票数 1
1回答
我花了无数个小时来修复我的CSS/Div，并在网上搜索了大量的帮助和教程。不巧的是，在我的代码中，我已经放弃了这么远的进展。
我已经有了一个带有标题、标题栏的布局，后面是左边的导航窗格和右边的页面正文。此外，在页面的末尾有一个页脚，我希望始终触摸窗口的底部，并且有导航窗格和body div来扩展到它。
我让它起作用了..。虽然它并没有完全到达页面底部。看看..。我不知道我做错了什么！
救命啊！
谢谢。
代码：
CSS:
体，html {背景-颜色：#D5DAE0；背景-图像: url()；背景-重复:不重复；背景-附件:滚动；背景-位置:顶部；边距:0 0px；填充:0 0
浏览 4提问于2014-06-24得票数 0
2回答
我的页面分为左边和右边的div，右边的div有一个边框，左边划分了两个。如果右侧框的高度大于左侧框的高度，则可以正常工作。然而，如果左边框的高度更高，那么边框只有一半。
如何根据整个屏幕的高度调整右侧框的高度，使边框一直延伸到底部。
浏览 4提问于2012-07-24得票数 1
回答已采纳
1回答
我有一个标题部分，应该根据标题图像进行包装。每一页都有不同的图像，所以它必须是响应的。然而，标题部分不会与图像包装，因为它是绝对定位的。
正如您在片段中所看到的，图像上有height: auto，只是溢出到父文件之外。是否有根据图像制作父包的方法？
*, ::before, ::after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
#header::before, #hero.background-wrapper::before {
opacity: 0.2;
}
.background
浏览 4提问于2022-08-03得票数 0
如何防止文本区域延伸到其父DIV元素之外？
我将这个文本区域放在一个表中，这个表在一个DIV中，它似乎导致整个表都超出了它的界限。
即使在更简单的情况下，您也可以看到相同情况的示例，只需在div中放置一个文本区域(就像这里在www.stackoverflow.com中使用的一样)。
你可以从下面的图片中看到文本区可以延伸到超过其父区域的大小？我如何防止这种情况发生？
我是CSS的新手，所以我真的不知道我应该使用什么CSS属性。我尝试了几个类似的显示，并溢出。但他们似乎并没有做到这一点。还有什么我可能错过的吗？
更新: HTML
CSS
textarea {
max-
浏览 66提问于2010-10-10得票数 107
回答已采纳
1回答
我在画布里有一个边框。边框的高度/宽度随其内容而变化。我想让边框延伸到填满整个画布。我该怎么做呢？
我已经在边界上尝试过了，但没有成功：
Height="{Binding ElementName=MainCanvas, Path=Height}"
Width="{Binding ElementName=MainCanvas, Path=Width}"
浏览 2提问于2009-03-19得票数 2
回答已采纳
1回答
我在使用我的页面上的图片实现页面边框时遇到了一些困难。边框应该贴在我的网页边上，但图像没有显示。但是，用纯色背景色替换图像是可行的。我使用的代码如下：
#top, #bottom, #left, #right {
position: fixed;
}
#left, #right {
top: 0; bottom: 0;
width: 15px;
}
#left {
left: 0;
background-image: url("border-left.png");
}
#right {
right: 0;
background-image: url
浏览 21提问于2018-01-02得票数 1
回答已采纳
我有一个布局，是固定的宽度，侧栏和流动的内容。我的侧边栏中有两个div，并且侧边栏有足够的内容到达页面的末尾。然而，在某些情况下，它可能会延伸到更远的地方。第一个div (顶部的那个)包含静态内容；第二个div是一个动态菜单。
我想要实现的是让第二个div的高度类似于：
"window height -第一个div的高度“
在较小的浏览器中，第二个div可能会延伸到页面底部之外，因此它也需要滚动。
HTML：
<div id="sidebar-container">
<div id="sidebar-content">
浏览 0提问于2013-06-10得票数 0
我的ImageBackground只会延伸到它的内部内容，即使它的父程序一直延伸到屏幕的底部。如何使我的ImageBackground视图完全扩展到它的父视图的底部？
<View style={styles.container}>
<View>
<Text style={styles.closeContainer} onPress={() => this.closeSideBar()}>
<MBIcon name='ico-24-chevron-left' style={styles
浏览 1提问于2018-05-30得票数 0
回答已采纳
1回答
我对css/html的反应很敏感。我试图实现css唯一的响应导航，我遇到了一个问题。
参见代码：
在菜单中，我们的服务>分发与下一个菜单项重叠。在火狐浏览器中添加overflow:hidden解决了这个问题，但是在IE和移动浏览器中它不起作用。
请帮我解决这个问题。
你好，安德烈
浏览 0提问于2014-11-21得票数 1
回答已采纳
1回答
在下面的代码中，html:before边框一直延伸到页面底部，但是html边框只延伸到内容。更多内容，更多边界。
如何使html边框也延伸到页面底部，从而产生双重边框效果，而不管内容如何？
html{
border-top-style: none;
border-bottom-style: none;
border-left-style: double;
border-right-style: double;
border-color: #472400;
border-width: 20px;
}
html:before{
content: " ";
浏览 2提问于2015-08-01得票数 0
回答已采纳
3回答
在这种情况下，我有一个标题和几个内联的单选按钮，用于控制下面显示的内容。出于样式原因，我希望头部的底部边框通过以下元素延伸到其容器的边缘。
我目前的情况是：
<h2 class="header">this is the header</h2>
<label class="l" for="a">this is a label</label>
<input value="a" name="options" type="radio"/>
&l
浏览 0提问于2013-01-22得票数 0
回答已采纳
我使用下面的jquery来使页面上的两个主要列的高度相同。
var $toEqualize = $('.equalheightbox');
$toEqualize.css('height', (function(){
return Math.max.apply(null, $toEqualize.map(function(){
return $(this).height();
}).get());
})());
这很好，除非任何一个div的内容都不够大，不能延伸到页面的底部，那么这两列的高度是相同的，但是在我的页面底部有一个难看的
浏览 1提问于2013-11-26得票数 0
回答已采纳
我知道在CSS中框的高度是内容的高度，不包括边距和填充，但是为什么在这个示例中，如果你在包含div的地方取消对border:行的注释，div的背景色是否会延伸到第一段以上，而如果你没有边框，就不会？
<html>
<head>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<title></title>
<style type="text/css">
浏览 0提问于2010-06-30得票数 4
所以我有：
<body style="border:1px solid red;width:100%;">
<div style="position:absolute;left:2000px;">
1
</div>
<body>
在这种情况下，有没有办法将正文宽度设置为文档的100% (包括“滚动空间”)，而不是内部窗口宽度的100%？我的意思是，我需要的结果就像我对正文应用了"width:2000px;“一样，但不知道这个数字。
我知
浏览 0提问于2013-07-05得票数 2
回答已采纳
6回答
我试图创建一个固定的布局，侧边栏的背景延伸到极右。我画了一幅草图来说明这幅画：
如何将侧边栏的背景扩展到任何窗口大小的右侧屏幕的末尾？我试过：
#sidebar {
z-index: 1000;
overflow: hidden;
position: absolute;
width: 100%;
background: url(../img/sidebar-base.png) no-repeat 0 -8px;
min-height: 200px;
&::after {
content: '
浏览 0提问于2012-10-10得票数 1
1回答
HTML代码：
<div class="program-contents">
<div class="program-item"> ... </div>
<div class="program-item"> ... </div>
...
<div class="program-item"> ... </div>
</div>
程序的样式-目录：
margin-left: 25px;
margin-top: -
浏览 19提问于2014-07-01得票数 2
回答已采纳
1回答
我有一个CSS div，它应该有一个最大高度。它的CSS有：
div#feed
{
border: 2px solid black;
float: right;
height: 80%;
max-height: 80%;
overflow-y: hidden;
width: 200px;
}
当条目被添加到div中时，它会一直增长，直到被屏幕底部切断(并且仍然在增长)。这种行为在Chrome、火狐、IE8和IE9上都是一致的。
有没有一种很好的跨浏览器的方式来做我在上面的CSS中尝试的事情？
谢谢,
浏览 3提问于2012-09-05得票数 0
2回答
我有一个显示数据的表，它滚动查看表中的其余数据。问题是我无法在滚动时到达表格的底部。这段代码是来自以前开发人员的现有代码，考虑到我对CSS了解不多，我试图理解是什么阻止了它滚动到底部。任何帮助都会很感谢，谢谢。
当我删除第一个div时，滚动可以正常工作，但问题是在同一个页面中还有另外三个表，它们的显示取决于所单击的按钮，因此我需要将该div保留在那里。
注意: this.RenderBody()返回一个元素数组。上面还有三个类似的表，它们也遇到了同样的问题。.tableData只是宽度不同而已。
myFile.js
<div className="
浏览 1提问于2019-08-12得票数 1
1回答
我试图设置一个图片，以延伸到整个登陆页面在React.js。我尝试使用div标记并在css中有相应的类名来设置这个属性，但是我只获得页面的一小部分作为图像，而不是整个页面：
我想让图片覆盖整个页面，没有空格。
这是我的.css
.start-bg {
margin: 0;
padding: 0;
background: url("./images/movierama.jpeg") no-repeat center fixed;
background-size: cover;
min-width: 100%;
min-height: 10
浏览 1提问于2020-07-25得票数 1
回答已采纳
2回答
我试图通过在每个链接的右侧创建一个边框来在我的链接之间创建一个分隔符。然后在最后一个上，删除它。我有下面的html和css，但是我发现每个"a“标签都匹配最后一个子选择器。我不清楚为什么这样做，以及正确的方式是什么。
<ul class="nav">
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href=
浏览 0提问于2012-04-28得票数 7
回答已采纳
3回答
我正在尝试用CSS实现一个粘性页脚。我意识到这是一个常见的问题，所以我尝试了通过谷歌找到的各种解决方案。
然而，我发现的解决方案都不能完全实现我想要做的事情。我不仅希望页脚在底部，而且我可以在页眉和页脚之间放置一个div，它占据了所有可用的空间，即使没有足够的内容(想象一下，如果你在#content周围放一个边框，它应该从页眉一直扩展到页脚，无论有多少内容)。
这就是解决方案失败的地方。“推送”元素中的任何一个都会成为障碍。或者，如果不破坏页脚或增加超过100%的页面宽度，就无法将div设置为100%。
下面是基本的标记：
<!DOCTYPE html>
<html>
浏览 2提问于2013-03-03得票数 1
我遇到了一个问题，在这个问题中，文本字段的背景并不涵盖整个元素，而只是扩展到文本的范围。。
我想要背景颜色延伸到整个元素。如下所示：
编辑。我对CSS解决方案感兴趣，它适用于所有屏幕大小。只是书写高度: not不起作用。
浏览 6提问于2013-06-13得票数 1
回答已采纳
在我的Nametag.js小部件中，我希望<textarea>在容器视图更改大小时动态调整大小。通常情况下，我会使用class="nametag"将其提升为一个名称标签，并使用像width:"%%{self.parent.height;;value}"这样的链接。
我想要做的事情是这样的
<textarea class="nametag" height="%{self.parent.height;;value-20}" width="%{self.parent.width;;value}">
浏览 2提问于2014-12-11得票数 0
1回答
在引导进度栏中添加图形
、、、
我想做一个定制的引导跟踪器，就像这样：
使用纯HTML/CSS。到目前为止，这就是我所拥有的
HTML：
<div class="progress progress-manager">
<div class="progress-bar progress-bar-done" role="progressbar" aria-valuenow="14" aria-valuemin="0" aria-valuemax="100" style: "width:
浏览 0提问于2014-07-14得票数 2
回答已采纳
我做了一个div与浮子:左；属性，最小宽度:100 100；和最小高度:100%；
我还包括一个工作背景图像，但由于某些原因，div将不会显示，除非我键入某些文本。即使如此，div也没有完全跟随高度。
有没有办法让我的div显示并延伸到页面底部？
浏览 1提问于2014-04-03得票数 0
回答已采纳
3回答
我一直在用codecademy学习HTML/CSS，我的CSS边框有这个问题。我需要我的h1以边框居中，但我不希望边框延伸到页面的末尾。以下是我的代码
<h1 style="color:#0034ff; padding:20px; border-style:ridge; border-width:5px; text-align:center;">HTML Testing Page</h1>
我计划很快制作一个单独的样式表，我只是将CSS放在HTML文档中来测试它。这个边框位于页面的末尾，如果我放入display:inline或display:inline
浏览 4提问于2012-09-17得票数 2
回答已采纳
1回答
如何调整身高？
、、
我只想靠边站可以够到页脚，我把边框的高度设为100%，但是好像什么都没发生。我的css：
aside {
width: 30%;
float: right;
background-color: #eee;
padding: 1%;
height: 100%;
}
我的页面是这样的：
那么，如何让灰色延伸到页脚呢？
浏览 0提问于2016-05-29得票数 0
嘿，我尝试在页面顶部的每个标签页之间设置黑色边框(如下所示)，但是当我尝试添加border-left: ;时，它会将其添加到单元格的文本中，而不是单元格本身。 我尝试添加以下内容： height: 100%;
width: 100%; 但这也会打乱里面的文本。 这是我想要的边框位置： ? 这就是我想要的文本： ? html,
body {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #70614b;
}
.banner {
display: grid;
z-index: 1;
浏览 14提问于2018-12-23得票数 0
大家好，我只是想让我的表格单元格周围的边框，围绕着text...not，延伸到整个表格的长度。它是带边框的部分
CSS：
table.content_table {
width: 100%;
margin: 0px;
border-collapse: collapse;
}
table.content_table > tbody > tr > td.results {
border: 2px solid;
background-color: #eeeecc;
font-size: 8pt;
font-weight: bold;
PADDING: 0px;
}
HT
浏览 0提问于2012-12-11得票数 1
回答已采纳
2回答
我在其他问题上尝试过许多例子，但似乎没有一个对我有用。我只是在尝试创建一个边框为100 to的div容器，如果它动态增长，它将与容器一起垂直展开。如下所示，即使我将高度设置为100%，内部div也不会增长。
我的CSS看起来这个；
<style>
#outer {
border:10px solid #7A838B;
margin:10px;
border-radius:30px;
max-width:500px;
min-height:200px;
}
#lef
浏览 1提问于2014-08-31得票数 0
回答已采纳
1回答
问题: img比img-box高
我找到了两种方法，但我不想这样做：
移除img-box包装
在img标签中使用max-height: 100vh; max-width: 100vw;
body {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.wrap {
display: flex;
align-items: center;
justify-content: center;
width: 30
浏览 2提问于2022-11-07得票数 0
1回答
我发现，如果我们用height:auto或height: 0~100%设置块级元素，而不设置具有显式值的父级高度，并且它的块级子元素具有底部边距，那么它在Chrome中计算高度的方式会有所不同，而在Firefox中则不会。对于设置height: 1%的情况
html {
background: pink;
}
body {
background: yellow;
}
div {
height: 1%;
}
inner {
margin-bottom: 30px;
margin-top: 20px;
}
<div>
<p class="
浏览 1提问于2016-02-21得票数 29
回答已采纳
1回答
我已经在asp.net中创建了一个母版页，它使用以下css来创建我的边框。我有一个登录屏幕，它位于浏览器窗口的中心，这取决于它的大小使用css (accountinfo)。请参阅下面的浏览器屏幕打印。
正如你所看到的，边框不会延伸到浏览器的底部，有什么方法可以做到这一点吗？我已经尝试了高度:100%在我的身体和.page，但它没有区别。
body{
background-color: #EFEFEF;
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative;
}
.page{
margin:10px;
浏览 0提问于2012-03-04得票数 0
回答已采纳
2回答
我正在尝试在边框中插入一些文本，但不知道如何操作。
如何在边框中间放置一些文本。
下面是它应该看起来像的屏幕截图
浏览 0提问于2011-10-03得票数 18
回答已采纳
我正在开发一个基于suckerfish CSS的CSS下拉菜单。我想把它放在页面的右边，但是菜单从每个菜单的最左边延伸到右边，而不是从每个菜单的最右边延伸到左边(这是为了防止最右边的下拉菜单在可见区域之外打开所必需的)。
我如何定位我的suckerfish下拉菜单，以扩展到左侧，而不是右侧？
浏览 3提问于2010-05-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
