Html 仅使用背景色显示Div
下面是我的HTML代码Html 仅使用背景色显示Div,html,css,Html,Css,下面是我的HTML代码 <body> <div id="wrapper"> <div id="left_border"></div> <div id="main_content"> some text </br> some text </br> some text </br> some text </br> </div> <div id="right_
<body>
<div id="wrapper">
<div id="left_border"></div>
<div id="main_content">
some text </br>
some text </br>
some text </br>
some text </br>
</div>
<div id="right_border"></div>
</div>
</body>
我的问题是,我无法展示我的边境部队。我需要显示主内容div长度内的两个边框。有什么想法吗?最好使用
border
css属性。例如:
div#main_content {
border-left: 20px solid #ff0000;
border-right: 20px solid #ff0000;
}
没有假的
div
作为边框。实际上你做了一点错误的标记,你应该这样写标记:-
HTML
<div id="wrapper">
<div id="main_content">
some text </br>
some text </br>
some text </br>
some text </br> some text </br> some text </br> some text </br> some text </br> some text </br> some text </br>
</div>
</div>
设置左、右边框的高度
#left_border, #right_border {
display: block;
width: 20px;
height: 80px;
background-color: red;
}
这个密码呢
#主要内容{
宽度:200px;
浮动:左;
}
如果您确实试图创建边框,psur是正确的,但如果您的目的是创建左右内容,则将两个边框移动到主内容内,并给它们100%的高度。仍然存在一些边距问题,但这会让您前进…为了让您的背景显示出来,您需要在div中添加一些内容。在左边框和右边框之间添加打开和关闭div
是这样的吗?边框的高度与内容分区的高度相同。为什么不在主内容分区上定义边框右侧和边框左侧链接是对答案的一个很好的补充,但不应该是答案的重要部分。那里有很多标记,你改变了什么?答案不应该是一场发现差异的游戏。你链接到的标记中有有效性错误。@昆汀你检查过我的演示吗?我认为@昆汀你没有正确地看到答案,你只是投了反对票。。。。。。正确的?如果不是回复………@ShailenderArora yup,这是正确的标记,它应该像前面提到的那样……….我的边框必须根据#main#u content中的内容设置其高度。我试着给边界div赋予height:auto,但它不起作用。
#wrapper {
margin: 25px 20px;
}
#main_content {
border-right:2px solid red;
border-left:2px solid red;
}
#left_border, #right_border {
display: block;
width: 20px;
height: 80px;
background-color: red;
}