代码之家 › 专栏 › 技术社区 › gigi

使用css设置Divs的样式

stylesheet css

gigi · 技术社区 · 10 年前

用这种方式使用css 3 div的最佳方式是什么: 1区和2区(宽度相同)左侧一上一下,右侧3区。类似于:

div1  { height: 200px; width:400px }
div2  { height: 600px; width:400px }
div3  { height: 800px; width:600px }

2 回复 | 直到 10 年前

Muhammad 10 年前

最好的方法是先取两个div,一个在左边,另一个在右边,左边的应该有两个div。例如:

/**** CSS FILE ****/
.left{
  float:left;
  }

.right{
  float:right;
  }

.div1{
  width:400px;
  height:200px;
  }

.div2{
  width:400px;
  height:600px;
  }

.div3{
  width:600px;
  height:800px;
  }

<!-- HTML File -->

    <div class="left">
         <div class="div1"> <!-- My div1 --> div1 </div>
         <div class="div2"> <!-- My div2 --> div2 </div>
    </div>

    <div class="right">
        <div class="div3"> <!-- My div3 --> div3 </div>
    </div>

G-Cyrillus 10 年前

你可以使用可重复使用的 class :

<div class="h200 w400">

</div>
<div class="h600 w400">

</div>
<div class="h800 w600">

</div>

和CSS

.h200{
  height:200px;
}
.h600 {
  height:600px
}
.h800 {
  height:800px;
}
.w400 {
  width:400px;
}
.w600 {
  width:600px
}

如果您使用SASS(或类似的)构建CSS,那么这可以很容易地生成。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前