首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS,div布局?

CSS,div布局?
EN

Stack Overflow用户
提问于 2011-11-24 13:35:36
回答 2查看 94关注 0票数 0

我有一个父容器div和两个子容器,一个在父容器的左边,一个在水平的中间。我如何使用css做到这一点呢?假设html代码是这样的:

代码语言:javascript
运行
AI代码解释
复制
<div id="ParentContainer">
  <div id="SubContainerToLeft"></div>
  <div id="SubContainerInHorMiddle"></div>
</div>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-11-24 13:39:05

尝尝这个。

代码语言:javascript
运行
AI代码解释
复制
#ParentContainer {
     height: 100px;
     width: 500px;
}

#SubContainerToLeft {
     float: left;
     width: 50%;
}

#SubContainerInHorMiddel {
     margin: auto;
     width: 50%;
}

然后你想怎么玩边距和填充就怎么玩吧。你知道什么是边距和填充,对吧?

票数 0
EN

Stack Overflow用户

发布于 2011-11-24 13:41:47

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8257936

复制
相关文章
Div+CSS – 简单布局
1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片; 2、内容部分又可分为侧边栏、主体内容; 3、底部,包括一些版权信息。
全栈程序员站长
2022/08/04
3.2K0
Div+CSS – 简单布局
前端基础——CSS+DIV布局
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/details/40559403
DannyHoo
2018/09/13
2.7K0
前端基础——CSS+DIV布局
利用Div + CSS快速布局页面
所谓Div + CSS,是指通过HTML「层」标签——<div></div>,辅以CSS中对该「层」宽度、排列等样式的定义,来实现网页布局的一种方式
PM吃瓜
2019/08/13
2.4K0
div+css | 底部 分页框 布局
知识学而不用,那仅仅是知识,是别人的智慧。运用知识,融汇贯通才能生发出自己的智慧。你说是还是不是?接下来我将会分享我所学的给大家作为参考,以下是本次实现的效果图,使用的div+css布局,这里默认有html 和 css 基础。
佛系编程人
2020/02/25
2.1K0
回顾div+css几种经典布局
什么是三列布局 经典的三栏布局:左右量栏固定,中间宽度自适应 可以利用浮动,定位,fiex布局,gird布局等方法来实现 以下是几种可以实现三列布局的方法,各有优缺点
不愿意做鱼的小鲸鱼
2022/09/24
2K0
回顾div+css几种经典布局
DIV+CSS布局和TABLE布局的优缺点
HTML5学堂:TABLE布局是早以前CSS不存在的时候兴起的,是对TABLE标签的不正规使用,Table标签就是表格,是用来显示数据的,而不是用来布局网页的,虽然它有时候布局网页很简单。现在绝大多数的网站都是用DIV+CSS布局。这两种布局各有各的优点。 一.div+css布局的好处: 1.符合W3C标准,代码结构清晰明了,结构、样式和行为分离,带来足够好的可维护性。 2.布局精准,网站版面布局修改简单。 3.加快了页面的加载速度(最重要的)(在IE中要将整个table加载完了才显示内容)。 4.节约站点
HTML5学堂
2018/03/12
2.1K0
div+css布局时常见bug总结
综述:虽然说被停止支持,但是不得不说的是,IE6的市场并不会随着支持的停止而立刻消散下去,对于WEB前端开发工程师来说,兼容IE6 兼容各个浏览器,依然是不得不面对的工作。
疯狂的技术宅
2019/03/28
8530
div+css布局时常见bug总结
综述:虽然说被停止支持,但是不得不说的是,IE6的市场并不会随着支持的停止而立刻消散下去,对于WEB前端开发工程师来说,兼容IE6 兼容各个浏览器,依然是不得不面对的工作。
IMWeb前端团队
2019/12/04
7440
div+css布局时常见bug总结
本文总结了div+css布局时常见的IE6兼容性问题及解决方法,包括14个常见问题及相应的解决方法。
IMWeb前端团队
2017/12/29
1.1K0
CSS 定位布局 - 绝对、固定定位设置居中悬浮div
在上一篇 CSS 定位布局 - 相对、绝对、固定三种定位 中,发现当使用定位布局的时候,存在一个无法使用margin居中的方法。
Devops海洋的渔夫
2019/05/31
3.7K0
php学习之div+css标准化布局(一)
1.div+css布局 说明:在网页开发中,需要对页面内容进行“模块化标准布局”,把内容放入到某个位置,让页面形成固定规律展示出来 模块化:在网页中所有的内容都是以块来展示的 标准化:在开发网站时是有一定的标准的,w3c标准 好处:为了把html页面和css代码进行分离,在以后的维护时和合作开发、有利于搜索引导的抓取 2.无意义div和span 说明:在html标记中一般都是有自带名称。如h1标题,a超链接 只有div和span是没有意义的,所以布局就使用div和span,div一般给大块的内容布局,spa
吾爱乐享
2018/07/12
8930
采用DIV+CSS布局对SEO优化有何好处?
DIV+CSS布局,页面代码精简,这一点对XHTML有所了解的都知道。代码精简所带来SEO优化直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录有更好的作用。 SEO优化中采用DIV+CSS布局的好处有: 排名的影响 基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。 表格的嵌套问题,很多SEO在其文章中称,
企鹅号小编
2018/01/24
1.2K0
采用DIV+CSS布局对SEO优化有何好处?
flex布局 div盒子居中
直接上代码吧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>邮箱验证测试</title> <style type="text/css"> *{ padding: 0; margin: 0; } body,html{ width: 100%; hei
kirin
2020/07/27
1.4K0
CSS布局
一、基础 1.position 这是由于float和绝对定位都是使用块框架(block layout)来显示,所以会隐式地改变display的值。 二、居中 1.垂直居中 2.水平居中
城市中的游牧民族
2019/02/21
1.2K0
CSS布局
CSS 布局
也就是清楚浮动,就是将父元素变为一个 BFC 就可以解决。如设置:overflow:hidden;
九旬
2020/10/23
1.2K0
CSS布局
普通流是默认定位方式,在普通流中元素框的位置由元素在html中的位置决定,元素position属性为static或继承来的static时就会按照普通流定位,这也是我们最常见的方式。
贺贺V5
2018/08/21
1.2K0
CSS布局
CSS布局(三) 布局模型
布局模型 在网页中,元素有三种布局模型: 1、流动模型(Flow) 默认的 2、浮动模型 (Float) 3、层模型(Layer) 1、流动模型(Flow) 流动(Flow)模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。 (每一个便签都显示着自己本来默认的那
柴小智
2018/04/10
2.5K0
CSS布局(三) 布局模型
div布局和table布局对SEO的影响
前几天给客户制作网站,看到他们的企业官网都是table布局,我最初在学习专业课的时候的确都用过table,但是随时科技的进步,网站的开发语言越来越成熟,越来越完善,这个布局已经逐渐“偃旗息鼓”了,可是不知道什么原因,还是有很多的官网在使用着table布局,今天简单的说说“div布局和table布局对SEO的影响”
李洋博客
2021/06/15
8800
css经典布局——圣杯布局
圣杯布局和双飞翼布局一直是前端面试的高频考点,圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。 比起双飞翼布局,它的起源不是源于对页面的形象表达。在西方,圣杯是表达“渴求之物”的意思。而双飞翼布局则是源于淘宝的UED,可以说是灵感来自于页面渲染。
全栈程序员站长
2022/07/21
2.9K0
css经典布局——圣杯布局
Css添加div点击态
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> .active { position: relative; width: 120px;
明知山
2020/09/02
5.4K0

相似问题

CSS布局(div高度)

32

CSS -堆叠DIV布局

47

CSS div布局修复

23

Css布局-重叠div

20

css div浮点布局

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档