Hogy csináljam ezt meg? (többi lenn)
válasza:tedd be és húzd vissza
de jó lenne ha elmagyaráznád mert nem biztos hogy ugyanarra gondolunk
<html>
<head>
<title>Gyakorlás</title>
<style>
*{
margin: 0px;
padding: 0px;}
div#box{
width: 250px;
height: 250px;
background: red;
margin-right: auto;
margin-left: auto;}
div#abox{
width: 250px;
height: 250px;
background: blue;
margin-right: auto;
margin-left: auto;}
div#bbox{
width: 250px;
height: 500px;
background: green;}
</style>
</head>
<body>
<div id="box"></div>
<div id="abox"></div>
<div id="bbox"></div>
</body>
</html>
válasza:A bbox-nak nem adtál auto margint.
De amúgy ezt így jobb megcsinálni:
<html>
<head>
<title>Gyakorlás</title>
<style>
*{
margin: 0px;
padding: 0px;}
#container{
width: 750px;
margin: auto;}
.box, .abox, .bbox{
float: left;
width: 250px;
margin-right: auto;
margin-left: auto;}
.box, .abox{
height: 250px;}
.box{
background: red;}
.abox{
background: blue;}
.bbox{
height: 500px;
background: green;}
</style>
</head>
<body>
<div id="container">
<div class="box"></div>
<div class="abox"></div>
<div class="bbox"></div>
</div>
</body>
</html>
válasza:Valamit bent felejtettem, a box-oknak nem kell margin:
.box, .abox, .bbox{
float: left;
width: 250px;}
válasza: válasza:Így, a lényeg a float (úsztatás jobbra vagy balra):
<html>
<head>
<title>Gyakorlás</title>
<style>
*{
margin: 0px;
padding: 0px;}
#container{
width: 500px;
margin: auto;}
#left {
float: left;
}
.box, .abox, .bbox{
width: 250px;}
.box, .abox{
height: 250px;}
.box{
background: red;}
.abox{
background: blue;}
.bbox{
float: right;
height: 500px;
background: green;}
</style>
</head>
<body>
<div id="container">
<div id="left">
<div class="box"></div>
<div class="abox"></div>
</div>
<div class="bbox"></div>
</div>
</body>
</html>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!