草庐IT

wrapper-div

全部标签

css - 使 div 留在父 div 内并留有边距

我一直在四处寻找解决这个问题的方法,但我还没有找到一个很好的答案来说明为什么会发生这种情况以及我该如何解决它..基本上我有一个设置为100%宽度和高度的div,在里面我有一个标签部分,就像在浏览器上一样,我在主要区域添加了边距和填充,当我将标签div设置为全宽时它会粘住出一些像素,在玩%和边距/填充时处理子div从父div中伸出的正确方法是什么AMAMAMAMAMAMAAMAMAMA.appview_fullscreen{width:100%!important;height:100%;background-color:black;color:white;font-size:20px;

html - 使子div占据最大高度

我正在尝试使.box-contentdiv占据boxA/boxBdiv中剩余的最大高度。我在boxA/boxBdiv中得到了一个div.box-header和一个.box-content。.box-content与.box-header共享一个div。在此JSFiddle您可以看到.box-content超出了它的父级div。考虑到这两条规则,我如何用纯CSS解决这个问题:.box-content的高度是可拉伸(stretch)的(增长/收缩每当窗口大小改变时);.box-content的最小高度为200px; 最佳答案 您遇到的问

html - 使子div占据最大高度

我正在尝试使.box-contentdiv占据boxA/boxBdiv中剩余的最大高度。我在boxA/boxBdiv中得到了一个div.box-header和一个.box-content。.box-content与.box-header共享一个div。在此JSFiddle您可以看到.box-content超出了它的父级div。考虑到这两条规则,我如何用纯CSS解决这个问题:.box-content的高度是可拉伸(stretch)的(增长/收缩每当窗口大小改变时);.box-content的最小高度为200px; 最佳答案 您遇到的问

html - Bootstrap : div inside li

我正在尝试将divs添加到我的ul的列表项中,但这导致TwitterBootstrap框架行为异常。这是因为我做错了什么,还是我尝试做的事情有不同的解决方案?代码:Tracklisting1.SongTitle3:502.SongTitle3:503.SongTitle3:50CSS代码:.song-title{float:left;}.song-duration{float:right;}我正在使用float属性试图让每首歌曲的标题出现在左边,持续时间出现在右边。根据我(非常有限的)CSS经验,这应该可行。结果:我的印象是列表项的大小没有考虑div大小,而是像它们完全为空一样调整大小

html - Bootstrap : div inside li

我正在尝试将divs添加到我的ul的列表项中,但这导致TwitterBootstrap框架行为异常。这是因为我做错了什么,还是我尝试做的事情有不同的解决方案?代码:Tracklisting1.SongTitle3:502.SongTitle3:503.SongTitle3:50CSS代码:.song-title{float:left;}.song-duration{float:right;}我正在使用float属性试图让每首歌曲的标题出现在左边,持续时间出现在右边。根据我(非常有限的)CSS经验,这应该可行。结果:我的印象是列表项的大小没有考虑div大小,而是像它们完全为空一样调整大小

html - 为什么这些 div 没有水平对齐?他们为什么换行?

这个HTML:为什么红色div不在同一水平行中,如何让它们在同一行中? 最佳答案 这是你要找的:div.littleDiv{display:inline-block;border:1pxsolidred;height:50px;width:80px;}Thishasbeenpossibleforalongtimeusingfloat,butnowwithinline-blockit'seveneasier.inline-blockelementsarelikeinlineelementsbuttheycanhaveawidthand

html - 为什么这些 div 没有水平对齐?他们为什么换行?

这个HTML:为什么红色div不在同一水平行中,如何让它们在同一行中? 最佳答案 这是你要找的:div.littleDiv{display:inline-block;border:1pxsolidred;height:50px;width:80px;}Thishasbeenpossibleforalongtimeusingfloat,butnowwithinline-blockit'seveneasier.inline-blockelementsarelikeinlineelementsbuttheycanhaveawidthand

html - 响应式 DIV 填满整个屏幕

我正在尝试格式化HTMLDIV元素,以便它在移动设备上响应。我的目标是让潜水始终填充任何移动设备的宽度和高度的100%,无论是ipad、iphone还是android设备。IE。不同尺寸的屏幕。但是,我无法让此代码执行此操作。我哪里出错了?我的DIV元素:GobackCaptureSignature我的CSS:#fullscreen{height:100vh;width:100vw;position:fixed;top:0;left:0;background:pink;@}@mediascreenand(orientation:portrait){height:100vh;width:

html - 响应式 DIV 填满整个屏幕

我正在尝试格式化HTMLDIV元素,以便它在移动设备上响应。我的目标是让潜水始终填充任何移动设备的宽度和高度的100%,无论是ipad、iphone还是android设备。IE。不同尺寸的屏幕。但是,我无法让此代码执行此操作。我哪里出错了?我的DIV元素:GobackCaptureSignature我的CSS:#fullscreen{height:100vh;width:100vw;position:fixed;top:0;left:0;background:pink;@}@mediascreenand(orientation:portrait){height:100vh;width:

html - CSS Angular 一个div

我在另一个div中有一个div,我正在尝试调整div的Angular,以便左侧接触左侧,右侧接触顶部。与CSS有什么关系?这是我的代码:.background{background-color:black;height:368px;}.sold{background-color:red;font-size:26px;width:200px;text-align:center;height:40px;color:white;line-height:40px;}SoldOut这是我的jfiddle:http://jsfiddle.net/vakcgvtu/ 最佳