margin без прокрутки
Привет!Кто знает, можно ли сделать минусовой margin в правую сторону за окно браузера без прокрутки?
Пример! Нулевая координата окна браузера левый верхний угол, если убирать блок в левую сторону минусовым маргином прокрутки у окна браузера не будет, с правой так не получится. Можно как-то решить? |
body { overflow: hidden; }
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.container {
width: 100%;
overflow: hidden;
}
.tab {
margin-right: -100px;
height: 100px;
background-color: green;
}
.test {
float: right;
width: 110px;
height: 100%;
background-color: red;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class='container'>
<div class='tab'>
<div class='test'></div>
</div>
</div>
</body>
</html>
Только зачем оно такое? :blink: |
Цитата:
|
Цитата:
|
body {
overflow-x: hidden;
}
|
Ну с overflow: hidden это было самое понятное.
Только если делать body { overflow-x: hidden; } прокрутки вообще не будет. Правильней - снизу ставишь обертку-контейнер div и ему div.base { overflow-x: auto; } Этот как уточнение. По идее другого решения нет. |
| Часовой пояс GMT +3, время: 16:25. |