HTML和CSS：左边是2个DIVS,右边是1个独立的DIV（两个div一左一右）

25-02-05 19

对于HTML和CSS：左边是2个DIVS,右边是1个独立的DIV感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍两个div一左一右，并为您提供关于2个div左右铺满整个浏览器，左边div一直保持

对于HTML和CSS：左边是2个DIVS,右边是1个独立的DIV感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍两个div一左一右，并为您提供关于2个div左右铺满整个浏览器，左边div一直保持100px，右边的div跟随浏览器大小变化、android studio这种左边是xml布局，右边是模拟器布局，能不能在adt中实现？、css – 如何在其他div上创建一个独立的div？、css – 浮动右边的div：右边的左边是一条线的有用信息。

本文目录一览：

HTML和CSS：左边是2个DIVS,右边是1个独立的DIV（两个div一左一右）
2个div左右铺满整个浏览器，左边div一直保持100px，右边的div跟随浏览器大小变化
android studio这种左边是xml布局，右边是模拟器布局，能不能在adt中实现？
css – 如何在其他div上创建一个独立的div？
css – 浮动右边的div：右边的左边是一条线

HTML和CSS：左边是2个DIVS,右边是1个独立的DIV（两个div一左一右）

我没有找到我这个具体案例的答案,所以我决定提出一个新问题.我希望页面左侧有2个DIV(固定宽度),右侧有一个DIV,占据页面宽度的其余部分.右边的单个DIV也应该有独立的高度(当它的高度增加时,它不应该影响左边DIV的高度或位置).这样的事情就是我想要的：

这是HTML代码：

<body>
    <div>Div1</div>
    <div>Div3</div>
    <div>Div2</div>
</body>

这是我现在拥有的CSS：

div.div1 {
    float: left;
    height: 400px;
    margin-right: 10px;
    width: 200px;
}

div.div3 {
    height: 425px;
    overflow: hidden;
}

div.div2 {
    clear: left;
    float: left;
    height: 15px;
    margin-top: 10px;
}

唯一的问题是Div2的顶部位置受到Div3高度的影响,我得到这样的结果：

解决方法

现在你可以使用溢出的正确内容：隐藏而不与左边的div冲突.

检查一下：
http://jsfiddle.net/6UyTr/1/

div.left-content { margin-right: 10px; overflow: hidden; width: 200px; float: left; }

2个div左右铺满整个浏览器，左边div一直保持100px，右边的div跟随浏览器大小变化

总结

以上是小编为你收集整理的2个div左右铺满整个浏览器，左边div一直保持100px，右边的div跟随浏览器大小变化全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

android studio这种左边是xml布局，右边是模拟器布局，能不能在adt中实现？

css – 如何在其他div上创建一个独立的div？

我在这个顶部创建了一个带有导航菜单的主题;

width="100%" height="100"

左侧区域包含100px高度的客户徽标.但是,他们希望徽标在侧面更大,比如200px.我不想增加div的大小,相反,我想在200px-200px上创建一个新的div,将徽标放在其中,并将该徽标div放在导航div上.

我该如何制作一个这样的独立div呢？

解决方法

你是这个意思吗？当然,风格应该在单独的CSS中完成;不在HTML中！

<div id="topnavigation">
  <div id="logo"> <img src ="logo.jpg" width="200px" height="200px"/> </div>
</div>

css – 浮动右边的div：右边的左边是一条线

这是我的问题.

我有一个包装div(宽度：800px和高度：250px),它包含两个占用高度所有空间并将宽度分成两半的div.

我设置了我的css,将右边的div浮动到浮动：右边,这一个出现在它应该的位置,但是在另一个的“下方”,超过了包装div空间(甚至不应该是可能的).

我发布了jdfiddle和代码.

JS fiddle http://jsfiddle.net/FV9yC/

HTML

headingheading


CSS

#wrapper {
    background-color: grey;
    height: 200px;
    width: 500px; }

#leftDiv {
    background-color: purple;
    height: 200px;
    width: 250px; }

#rightDiv {
    background-color: green;
    float: right;
    height: 250px;
    width: 250px; }


最佳答案
只需将ID为rightDiv的div移动到ID为leftDiv的div上方.而已.
这是WORKING SOLUTION
代码：

headingheading

关于HTML和CSS：左边是2个DIVS,右边是1个独立的DIV和两个div一左一右的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于2个div左右铺满整个浏览器，左边div一直保持100px，右边的div跟随浏览器大小变化、android studio这种左边是xml布局，右边是模拟器布局，能不能在adt中实现？、css – 如何在其他div上创建一个独立的div？、css – 浮动右边的div：右边的左边是一条线等相关知识的信息别忘了在本站进行查找喔。

本文标签：