html三个div相同高度,Html三个div并排，高度相同

我想设置三个div并排放置，每个宽度和高度相等。我无法删除多余的空间在右边最右边的div。如果我将其右边距设置为0，则最右边的div比其他两个更大。Html三个div并排，高度相同

的CSS：

.recordpopup {

position: fixed;

z-index: 10000;

top: 0;

left: 0;

height: 100%;

width: 100%;

background-color: rgba(0, 0, 0, .8);

background-position: 50% 50%;

background-repeat: no-repeat;

display: block;

}

.recordpopup .retry {

background-color: black;

border: 1px solid white;

xborder-radius: 8px;

box-sizing: border-box;

color: white;

font-family: ProximaNova-Regular;

font-size: 16px;

font-weight: bold;

xheight: 50px;

margin-left: auto;

margin-right: auto;

padding-top: 0px;

position: relative;

text-align: center;

top: 30%;

width: 40%;

z-index: 15000;

border-radius: 8px;

padding: 20px 10px;

background-image: url('images/gray_bar.png');

background-repeat: repeat-x;

background-color: white;

}

#product-wrapper {

overflow: hidden;

margin-top: 25px;

}

.product {

float: left;

width: 33%;

display: table-cell;

width: 33.33333333%;

}

.product .container {

margin-right: 10px;

padding: 10px;

background-color: #000;

}

.product .container img {

display: block;

margin: 0 auto;

width: 100%;

}

#closeRecord {

background: black none repeat scroll 0 0;

border: 2px solid white;

border-radius: 50%;

color: white;

cursor: pointer;

height: 25px;

right: -15px;

left: right;

position: absolute;

top: -10px;

width: 25px;

}

HTML：

Lorem Ipsum Lorem Ipsum

Dummy

2017-05-24

Sonali

那么你想把你的第三个没有空间的权利？你在哪里做保证金 - 权利为0？ –

可能的重复[如何保持两个并排高度相同的div？](https://stackoverflow.com/questions/2997767/how-do-i-keep-two-divs-that-are-并排侧最同一高度) –

html三个div相同高度,Html三个div并排，高度相同相关推荐

[html] 请使用一个div写出有三条横线的小图标
[html] 请使用一个div写出有三条横线的小图标 #menu{ width: 25px; height: 3px; border-top: 3px solid #0; border-bottom: ...
js获取DIV的位置坐标的三种方法！
js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect( ...
DIV+CSS实操三：经管系网页内容模块添加标题栏和版权信息模块
我们继续接着DIV+CSS实操一:经管系网页总体模块布局和DIV+CSS实操二:经管系网页添加导航栏和友情链接栏这个系列的博文做经管系网页.这一次我们所要做的就是给内容版块添加标题栏,还有就是给制作 ...
使一个div居中显示的三种方法
使一个div居中显示的三种方法 1. <!DOCTYPE html> <html lang="en"> <head><meta chars ...
Div+CSS构建三行三列框架
要构建的框架如图所示: 方法一:使用div的浮动窗口属性显然,页面布局到下是三层结构,中间的div包含三个小div:因为div是块元素,占用文档流的一行空间,要使一行中出现多个div,需要为div设 ...
html自动生成盒子,新建一个宽度450px 高度为100px的DIV盒子
新建一个宽度450px 高度为100px的DIV盒子实例,教程通过从新建html 新建CSS代码再到DIV代码再到实例浏览器测试学习. 快捷建立一个标准的DIV盒子的HTML网页,DIVCSS5推荐使 ...
在html上js添加宽度,js 获取div高度并重新设置div高度与宽度
js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...
一个高度不固定的div，里面的文字如何垂直居中？
一个高度不固定的div,里面的文字如何垂直居中? 最近在做项目中遇到父元素高度不固定,但是Dom元素里面的文本内容需要上下居中显示,解决方案: 一.针对弹性布局的盒子: 垂直居中: align-ite ...
计算机图形学 opengl版本第三版------胡事民第三章更多的绘图工具
opengl 计算机图形学第三版第二部分第三章更多的绘图工具 3.1 概述第2章中我们绘图使用的是屏幕窗口的基础坐标系以像素为单位屏幕坐标从左下角x从0延伸到scr ...
2021年春季学期-信号与系统-第三次作业参考答案-第三道题
本文是 2021年春季学期-信号与系统-第三次作业参考答案中的参考答案. ▌第三道题 3. 把x[n]x\left[ n \right]x[n]升液体AAA和100−x[n]100 - x\left ...

html三个div相同高度,Html三个div并排，高度相同

html三个div相同高度,Html三个div并排，高度相同相关推荐

最新文章

热门文章