html宽度设置100%后浏览器里怎么只有一半

html宽度设置100%后浏览器里怎么只有一半,第1张

html宽度设置100%后浏览器里只有一半,以以下代码为例

检测一下body的css里面是否定义了宽度

另外,也可以给body一个属性width:1200%;

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8"

/>

<title>无标题文档</title>

<style type="text/css">

<!--

body{ padding:0pxmargin:0px}

.top{ width:100%height:80pxborder:1px #000 solidmargin:0px auto

display:block}

.top1{ width:1200pxheight:80px}

-->

</style>

</head>

<body>

<div class="top">

<div class="top1"></div>

</div>

</body>

</html>

如果你是在div里面显示文字的话,设置样式比如:width:100pxheight:100pxoverflow:hidden

设置了overflow:hidden后溢出的文字会被被修剪

将hidden改为auto后会出现滚动条

<div>

<div style="float:left">

<div>

<img style="border: 1px" src="<%=Malls["Image"] %>" width="310" height="310"/>

</div>

<div>

<span style=" padding:0px 10px 0px 20px "><input style=" width:128pxheight:36pxbackground-image: url(../../images/换物流程.jpg)" type="button" value="" onclick="window.location.href('')" /></span>

<span style=" padding:0px 20px 0px 0px"><input style=" width:128pxheight:36pxbackground-image: url(../../images/联系客服.jpg)" type="button" value="" onclick="window.location.href('')" /></span>

</div>

</div>

<div style="float:right">

<table style=" width:390pxheight:390px" align="right" border="0"/>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">商品编码:<%=Malls["ProductID"] %></td>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">商品名称:<%=Malls["ProductName"] %></td>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">商品类型:<%=Malls["ProductType"] %></td>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">库存数量:<%=Malls["Inventory"] %></td>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">上架时间:<%=Malls["AddedTime"].ToString() %></td><%--(format).ToString("yyyy-MM-dd")--%>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">市场价格:<%=Malls["Price"] %>(元)</td>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">会员价格:<%=Malls["MemberPrice"] %>(元)</td>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left">商品颜色:<%=Malls["ProductColor"] %></td>

</tr>

<tr>

<td style="font-size: 14pxwidth: 345pxheight: 30px" align="left" >详细介绍:<%=Malls["Remarks"] %></td>

</tr>

</table>

</div>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7658946.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存