1回答
假设我有一个包含格式化语法代码的CSS DIV。DIV被设置为min-width:100;和max-width:100;。
这个DIV还有另一个CSS声明，用于在DIV悬浮、max-width: 135% !important;和min-width: 135%;时使用。
因此，如果保存格式化代码的DIV更宽，那么DIV的宽度就会显示一个滚动条，当您悬停在DIV上时，它会将DIV扩展到代码的宽度不超过135%，如果DIV的代码不超过DIV的宽度，则DIV保持相同的宽度。
我的问题是，当一个div超过100%的宽度时，它会扩展到代码内部的宽度，但保持在135%以下，是否有办法使它扩展到135%，即
浏览 1提问于2011-10-18得票数 1
回答已采纳
2回答
嗨，这是我的css和html代码。有几个div。当浏览器的大小是最大值时，没有问题，但是当我将浏览器的大小改小时，div的位置就会改变。例如：<div id="cnrht"> id "cnrht" İçeriği Buraya Gelecek</div>在页面的右侧，但当浏览器变小时，它将位于其他div下，并在左侧。我如何编辑它。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Conte
浏览 3提问于2012-08-03得票数 0
回答已采纳
提供了一个浮动模式集，如果div的内容(例如，img)具有宽度和高度。div的大小是改变以适应其内容，还是保持为0。
浏览 6提问于2016-01-04得票数 2
我想知道如何强制安卓浏览器(最好是使用纯CSS3)在用户用手指放大/缩小时不更改视口的宽度？
我在页面上有多个针对不同视口宽度的媒体查询。但只要用户放大/缩小，页面视口宽度就会改变，因此页面的布局会被重新排序，我不认为会发生这种情况。我想让Android浏览器“记住”它的初始视口大小，当用户放大/缩小时，我希望Android浏览器只进行缩放，而不是改变视口大小。
使用CSS可以做到这一点吗？提前感谢您的帮助。
编辑:我的媒体查询：
@media only screen and (min-width : 800px) and (max-width : 999px) {
#content {
浏览 0提问于2012-01-08得票数 1
嗨，有人能告诉我如何让这段javascript代码在浏览器上全屏显示吗？代码运行良好，但在较大的devices...not上看起来太小了。请确定要更改的内容，谢谢您的帮助:)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta
浏览 0提问于2012-04-15得票数 1
回答已采纳
1回答
我想问很多关于max滑块的问题，max滑块现在是最大宽度100%的响应。
然而，如果有可能使幻灯片的最大高度达到100%？
我不只是添加图像(添加HTML，如div)，它可以做响应吗？还是在bx幻灯片中为html添加更多响应性的css？
我知道它有自动幻灯片选项。但是当我点击看到下一个图像时，它不再自动滑动了。它能再次自动滑行吗？
谢谢
浏览 4提问于2013-10-05得票数 4
1回答
我已经构建了一个动态大小的网格布局，可以在任何大小的分辨率(电话、平板电脑、桌面)中合理地适应，并处理调整大小，同时接近像素-完美(对不起，我是强迫症-我说“接近”，因为我的数学现在是坏的，你不能在一个奇怪大小的容器内容纳两个大小均匀的元素，而不在一侧填充1倍)。
不管怎么说，下面是我和JavaScript一起黑的链接。这是我想要成功的一个例子。调整底部窗格的宽度，看看我要做什么。
它有一些丑陋的手动JavaScript，后来被移植到了角，但是计算所有样式的丑陋的JavaScript仍然存在。
所以我的问题..。我能用严格的CSS来完成这个任务吗？或者更多的CSS和更少的JavaScript
浏览 3提问于2013-03-27得票数 2
回答已采纳
我使用WKWebView加载服务器返回的html字符串，并设置CSS，但是页面没有显示手机屏幕，我该怎么办？
NSString *requestUrl = [NSString stringWithFormat:@"http://news-at.zhihu.com/api/4/news/%ld",self.story.ID];
requestSuccessBlock sblock = ^(id responseObject){
YAContentItem *content = [YAContentItem contentItemWithKeyValues:respon
浏览 12提问于2017-02-22得票数 1
3回答
在小提琴提供的，我想有.content div宽度比例自动适合的.product div在其中。
这是至关重要的，因为产品的数量会有所不同，所以固定的宽度是不合适的。
HTML
<div class="container">
<div class="content">
<div class="product">
<p>string</p>
</div>
<div class="product">
浏览 7提问于2014-04-29得票数 0
回答已采纳
我正在尝试让单列布局起作用。该页有三个部分:页眉区域、内容区域和页脚区域。每个部分都有不同的背景图像，我想要跨越用户屏幕上可见区域的整个宽度。我将部分分割为div，如以下代码所示，以便中间的内容区域可以随着内容的增长而增长。
我的问题是，当我在浏览器(Chrome)中按下ctrl +键来增加文本的大小时，旋转木马部分溢出了背景区域。下面是调整大小前后的截图。
HTML/CSS代码模型很简单，但是我不知道为什么会发生溢出。有什么想法吗？我是CSS/XHTML的新手--有没有其他标准的方法来实现我想要实现的目标？
<html>
<head>
<titl
浏览 0提问于2011-10-27得票数 0
回答已采纳
2回答
我有一个项目，我需要对齐某些元素。不管是什么原因，它都不起作用。我的HTML：
<div class="heading">
<h1>Exotic <strong>Travel</strong></h1>
<div class="left">
<ul>
<li><a href="index.htm">homepage</a></li>
浏览 3提问于2015-04-13得票数 0
我在%中给出了div元素的大小，因为我希望它们能够适应不同设备的不同屏幕大小。然而，我希望设备的大小是恒定的。例如，如果div的宽度是我笔记本电脑浏览器屏幕的60%，那么即使我最小化浏览器窗口的尺寸，它也应该保持60%的宽度。
我该如何实现这一点？
浏览 1提问于2014-11-13得票数 1
HTML代码：
<div id="container">
<div id="first">
foo bar baz foo bar baz
foo bar baz foo bar baz
</div>
<div id="second">
Foo
</div>
<div id="third">
foo bar baz foo bar baz
f
浏览 5提问于2013-07-07得票数 7
回答已采纳
2回答
根据高度动态调整图像
、、、
我正在试着重做that example作为练习。 当我点击图片上方或下方的文本时，我试图让图片div动态调整。 所以我画了个素描试一试。但我被卡住了，因为我不知道如何计算当分区expanded打开时的剩余空间，以便图像适合该空间。 jQuery(document).ready(function($)
{
$("#ex").click(function()
{
$("#expanded").slideToggle(200)
if ($("#ex").text() == "infos")
浏览 18提问于2020-08-03得票数 0
回答已采纳
我有一个纯粹的CSS翻转菜单，显示一个子导航在翻转。我希望该子导航的宽度是任何它需要的内容显示(即我不想硬编码在CSS中的宽度)。但是，如果我不在CSS中硬编码宽度，div就会在窗口边缘中断，内容会自动换行。如果我设置了宽度，我会得到想要的效果(除了div是硬编码的大小)，并且内容不会换行，它只是扩展。有没有办法两者兼得呢？
浏览 2提问于2009-07-27得票数 1
我试图得到一个输入框来拉伸整个屏幕的宽度，但由于项目，它与上面只占了一小部分，当它取消隐藏时，它也拖上面的项目与它。我试过弹性拉伸、对齐项目:拉伸等，但似乎没有什么效果。我甚至给了它一个div，我无法让它工作。
如果您单击下面代码中的“回复”按钮，它将显示我的确切问题：
document.getElementById("reply64").addEventListener('click', (e) => {
document.getElementById("reply64").classList.toggle("blue&#
浏览 6提问于2022-02-07得票数 1
回答已采纳
2回答
看看这把小提琴。
html为：
<div id="parent" style="width: 150px; display: inline-block; white-space: nowrap">
<div id="one" class="kids">
<span>Hi</span>
</div>
<div id="two" class="kids">
<span
浏览 0提问于2014-04-26得票数 4
回答已采纳
3回答
我想让全宽导航栏喜欢。这是我的代码：
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<!--brand and menu-->
</div>
</div>
</div>
CSS：
.navbar .container {
width: 100% !important;
}
为什么它保持机身宽度
浏览 0提问于2013-08-12得票数 3
我在根据屏幕重新缩放页面时遇到了问题。我在我的笔记本电脑上写代码，看起来还不错，但当我在桌面上用更大的屏幕打开这个页面时，它看起来并不好。
div.fullWidth {
width:100%;
height:100%;
}
这就是我在我的CSS文件中尝试的，但它也不起作用。
浏览 3提问于2014-05-27得票数 0
我有一个父div，它的宽度固定在150px。当我创建一个子div时，firebug说它的宽度也是150px。为什么会这样呢？
因此，当我尝试使用自动页边距来水平对齐div时，并没有什么不同。有没有办法覆盖自动为子div设置的150px宽度？
浏览 2提问于2012-01-13得票数 0
3回答
我正试图在一个容器内做动态填充，并在这方面遇到了一些问题。
例如，如果我有这个html
<div class="sections-container">
<div class="section"> </div>
<div class="section"> </div>
</div>
还有这个造型
.sections-container {
border: 1px solid black;
width: 90%;
height: 400px;
paddi
浏览 1提问于2018-11-28得票数 0
回答已采纳
3回答
试图更改#Leftbar的大小，但如果以像素或百分比表示，它不会更改，因此我尝试更改父大小，以便可以使用百分比。由于某些原因，它适用于第一个div，但不适用于兄弟姐妹。
html
<!DOCTYPE html>
<html lang="en">
<head class="Setup">
<link rel="stylesheet" type="text/css" href="I don't want to reveal my path but it's a
浏览 3提问于2016-04-27得票数 0
回答已采纳
当我在div中添加任何东西时，我的div会变得更大。我想保持div的宽度不变和扩展。如何防止div在CSS网格布局中变得更大？
我刚刚添加了一个小段落，它正在扩展，但我想防止div扩展。我还想根据屏幕大小自动设置div的宽度。
<!DOCTYPE html>
<html>
<head>
<title>GTU Students-Care</title>
<link rel="icon" type="image/png" href="title.png">
<meta na
浏览 0提问于2018-09-11得票数 0
2回答
在div中显示p的内容有问题。如果我的p太长，我想把它分解成一条新的线。但现在，它一直在伸展。如何将其修复为显示为div中的块？谢谢。
.box {
position: relative;
width: 25%;
padding-bottom: 25%;
background: #fff;
}
.boxInner {
position: absolute;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
overflow: hidden;
}
.boxInner img {
width: 100%;
}
浏览 0提问于2014-11-26得票数 0
回答已采纳
2回答
我读过一些css教程。我也使用了一段时间的基本css。
我的问题是，你如何决定女巫css的使用。例如。如果你想在左边显示一个div框。你要么用。
float: left;
或
position: absolute;
另一种情况是，如果您在div中有一个段落标记，并且您想设置它的宽度或高度。你用
width: auto;
height: auto;
或
width: 100%;
height: 100%;
或
padding: 5px;
浏览 0提问于2012-03-08得票数 1
回答已采纳
2回答
我试图遵循一个引导教程，但我创建的第一个div，应该跨越我的浏览器/设备的整个宽度，似乎限制在大约1000像素。对此有什么想法吗？
这是我的密码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Testing the Bootstrap 3.0 Grid System</title>
<meta name="viewport" content="
浏览 0提问于2014-02-25得票数 0
回答已采纳
2回答
我有这个示例html
<html>
<head>
<style type="text/css">
.div-menu
{
width:300px;
margin-left:20px;
margin-right:20px;
float:left;
border:thin solid;
浏览 1提问于2011-12-05得票数 0
再一次，我可能把简单的事情复杂化了.
我正在尝试将不同的样式应用到我的自定义控件中，该控件设置为GridView ItemTemplate (取决于应用程序窗口的宽度)。
我尝试只使用VisualStateManager并将style属性设置为自定义控件，但是它无法工作，因为控件是动态生成的。
我最近尝试的是改变整个DataTemplate而不是单纯的风格.
不幸的是，它也不起作用，我得到了以下例外：
System.Runtime.InteropServices.COMException: Error HRESULT E_FAIL has been returned from a call t
浏览 1提问于2016-03-16得票数 0
3回答
我试图使用<div>对象和CSS来模拟我正在处理的项目的框架外观。使用下面的代码，我能够使用一个border-right、padding和(如果我选择)一个额外的元素正确地扩展左边的列表：
HTML：
<div id="sidebar">
<div id="sidebar-content">
<!-- content goes here -->
</div>
</div>
<div id="content">
<!--
浏览 6提问于2011-08-05得票数 4
回答已采纳
2回答
这是我的html
<div class="parent" >
<div class="Home">
<a href="home.php"><img id="homeinactive" class="homeIconInactive" src="images/navHeader/homeinactiveOver.png"/></a>
</div>
</div>
这是我的css
.parent {
浏览 30提问于2020-03-09得票数 0
2回答
我非常恼火，因为我总是手动输入固定宽度直到div，这取决于一个li标签包含多少个字母
<div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Information</a></li>
<li><a href="#">Contact information example</a></li>
&l
浏览 2提问于2014-06-22得票数 0
回答已采纳
3回答
这是我的密码：
HTML
<html>
<body>
<div id="id">
<div class="one">
<img>
</div>
<div class="two">
<img>
</div>
<div class="one">
<img>
</div>
</div>
<
浏览 3提问于2013-05-31得票数 2
回答已采纳
1回答
我在我的示例html页面上有几个表单字段、数据夹和一个下拉列表。在单击下拉菜单时，它显示在屏幕的左边，而不是显示在中间，就像所有其他内容一样。怎么把它放在书页的中间？
Html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta
浏览 0提问于2015-08-09得票数 0
回答已采纳
2回答
我的网页的页眉和页脚在移动设备上查看时会响应，但内容不会。使用的文件是content.php、index.php和content.css。正常的桌面网站显示正常。代码文件如下所示。
url为
content.php
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href
浏览 3提问于2017-08-22得票数 0
4回答
我刚刚创建了一个使用多个div的网站。然后，我放大了进进出出，特别是DIV的左角移动，而其他的移动到屏幕的右角。
以下是我的网站代码，如果有人能帮助我，将不胜感激。在标题之后，我忽略了主体的大部分，因为它受到了影响，但我认为这个错误与div中的一个(如“容器”DIV )有关，而不是在每个特定的DIV中都有详细的内容。
<html>
<head>
<title> Test Website</title>
<link rel="stylesheet" type="text/css" href
浏览 6提问于2013-07-02得票数 1
3回答
关于iframe，我有一个简单而奇怪的问题，但如果我能从您那里找到解决方案，我会很高兴的:)
我有一个iframe，它可以查看一些内容，如图1。
我想要看到的是，如果我打开包含网页的内容(图2)，我想从水平中心查看内容。
谢谢
我的源代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://ww
浏览 2提问于2014-02-24得票数 1
回答已采纳
3回答
我想在HTML+CSS中做三列，第一列15%，第二列70%，第三列15%。问题是，在我的代码中，当我调整窗口大小时，第三列被折回。我为我的网站写了这样的CSS：
.maincont {
margin-left: 0px;
margin-right: 0px;
width: 100%;
}
.lcol,
.rcol,
.content {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-r
浏览 0提问于2012-11-15得票数 3
回答已采纳
你能告诉我如何读取新加载的html组件的尺寸吗？
我有一个网页，它有一个JavaScript内容加载器类通过AJAX加载超文本标记语言组件，并将其添加到指定的区域，但问题是一旦加载组件并在超文本标记语言页面中替换，变量clientWidth和clientHeight似乎不能正常工作。根据Google Chrome上的检查元素工具，假设我有一个尺寸为250x50px的<div>ABCD</div>。通过访问变量clientWidth和clientHeight，它应该分别返回250px和50px，但它没有。
你可以在浏览器窗口调整大小后获得正确的尺寸，为什么我们不能在第一次
浏览 0提问于2020-10-05得票数 0
不知道为什么，但我不能阻止红色按钮100%宽。而不是伸展到100%的宽度，我宁愿让它尽可能地小。我可以设置max- width，但是如果按钮内的文本超过了宽度，那就不好了。显示为flex、block、inline-block和inline都不起作用- flex shink和flex也不会增长到0。
我不知道我到底做错了什么。有什么想法吗？
* {
color: #000000;
margin: 0px;
padding: 0px;
font-family: 'Open Sans',verdana,helvetica,arial,sans-serif;
f
浏览 0提问于2018-08-13得票数 1
回答已采纳
4回答
我有以下html的结构：
<div>
<span>
<a href="wherever">Wherever</a>
</span>
</div>
如果我希望跨度覆盖div的整个宽度，我如何在chrome中做到这一点？
我尝试在css中使用
span{
background:#FFF;
width:100%;
}
它可以在火狐和ie中运行，但不能在chrome中运行。
浏览 0提问于2013-02-07得票数 22
回答已采纳
1回答
我有一个使用can的动画幻灯片，我不知道如何根据窗口大小调整滑块的大小，目前无论浏览器屏幕大小如何，它都保持相同的大小。
以下是滑块代码：
@-webkit-keyframes slider {
...
div#slidercontainer {
position: relative;
border-left:150px solid white;
overflow: hidden;
background: #000
}
div#slidercontainer {
width: 900px;
height: 400px;
}
div#sider img {
w
浏览 0提问于2015-02-08得票数 0
1回答
当我将自适应卡作为邮件附件添加时，大小总是受限于某种数量，尽管消息本身要大得多。是否有一种方法来指定自适应卡的大小，或者强制它填充消息的宽度？
浏览 3提问于2017-07-20得票数 2
当设置为100%时，看起来文本区域不考虑css的最大宽度，而当设置为固定像素时，它是可以的
<textarea cols="80">text here</textarea>
和
max-width: 100%;
或
max-width: 100px;
参见max-width: 100%的代码片段：
.table {
width: 100%;
display:table;
}
.table-cell {
display: table-cell;
padding: 10px;
width: 300px;
background:
浏览 1提问于2018-11-02得票数 1
3回答
带引导的图像库
、、
我试着用引导来制作一个响应性的图片库，这样如果你使屏幕变小，图像仍然在正确的尺寸中。
我试着这样做：
<div id="tabs-2">
<link href="~/Content/ShowMoreImages.css" rel="stylesheet" />
<ul class="row">
@foreach (var item in Model.LolaBikePhotos)
{
@model ContosoU
浏览 6提问于2015-05-11得票数 0
回答已采纳
我试图将子DIV放在父DIV的底部，但我也希望子DIV的内容能够帮助确定父DIV的尺寸。据我所知，子DIV不会影响父DIV的宽度/高度。
下面是我的HTML/CSS代码示例：
//HTML代码：
<div id="parent">
<h3>Top Aligned Title</h3>
<div id="child"></div>
</div>
//CSS代码：
#parent {
background-color:#222;
position: relativ
浏览 0提问于2013-02-12得票数 16
回答已采纳
使用Google Web Toolkit，我有一个带有DIV和锚子对象的DIV父对象。
<div class="unseen activity">
<div class = "unseen-label"/>
<a href .../>
</div>
使用下面的CSS，Chrome会在锚点下方显示“看不见的标签”。它在Chrome和FireFox中都定位正确。
但是，FireFox会显示与锚点一致的标签。
.unseen-activity div.unseen-label {
display: inl
浏览 2提问于2012-11-07得票数 2
回答已采纳
如何在用户改变浏览器大小时使并排不换行？
<div class="a">
<div class="gridrow">
<div class="griditem">a
</div>
<div class="griditem">b
</div>
</div>
.a{
background: black;
position: absolute;
top:10px;
width:100%;
}
.gridrow{
ba
浏览 4提问于2012-08-04得票数 1
回答已采纳
所以，我有一个容器，里面有两个div。我将每个div设置为浮动到不同的一侧。一个向左，一个向右，现在我遇到的问题是，由于我必须手动设置高度，它将页面从原始位置移动了大约10个像素。因此，当我加载一个不同的页面时，它不是垂直排列的。这是它的.gif，这是我的代码。这个网站是为我的网页设计课准备的。谢谢
index.html (翻转的页面)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="styles
浏览 0提问于2018-09-29得票数 1
我有这样的布局：
<div fxLayout="row" fxFill fxLayoutAlign="start start">
<app-comp1 class="comp"></app-comp1>
<app-comp2 class="comp"></app-comp2>
<app-comp3 class="comp"></app-comp3>
</div>
每个组件(comp1、comp2等
浏览 0提问于2018-12-08得票数 4
回答已采纳
我的网站是这样设置的：
<html lang="en">
<body>
<div id="container">
<div id="contentainer">
<img src="img/car.png" alt="car.png" syle="position: absolute; top:10px; left:-35px; ">
<div id="content
浏览 0提问于2013-12-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
